day2 - JavaScript 基礎(chǔ)語(yǔ)法

一馋没、基礎(chǔ)語(yǔ)法

1. js定義
  • js是JavaScript的縮寫辟犀,是一個(gè)腳本語(yǔ)言,專門用來負(fù)責(zé)網(wǎng)頁(yè)上的行為出皇。


2. 代碼位置
  • 可以寫在script標(biāo)簽中羞芍,理論上可以放在HTML文件中的任意位置
  • 寫在標(biāo)簽事件屬性中 - 如:onclick
  • 寫在外部的js文件中,文件的后綴是 .js


3. js在網(wǎng)頁(yè)中的功能
  • 在網(wǎng)頁(yè)的不同位置插入 html 代碼
  • 修改標(biāo)簽的內(nèi)容
  • 修改標(biāo)簽的樣式


4. 注釋:
  • a.單行注釋: //
//我是單行注釋
  • b.多行注釋:/* */
/*
 我是多行注釋
 我是多行注釋
 我是多行注釋
 */


5. 語(yǔ)句
  • 一條語(yǔ)句結(jié)束要加分號(hào)
  • 一行顯示多天語(yǔ)句時(shí)恶迈,每條語(yǔ)句之間用分號(hào)隔離開


6. 縮進(jìn)
  • js沒有縮進(jìn)要求涩金,用 { } 來表示一個(gè)塊


7. 控制臺(tái)輸出
  • console.log(任意內(nèi)容); ---- 常用的一種谱醇,推薦使用




二暇仲、基本數(shù)據(jù)類型

  • 數(shù)字 --- Number
  • 字符串 --- String
  • 布爾 --- Boolean
  • 數(shù)組 --- Array
  • 對(duì)象 --- Object
  • null
  • UNdefined
  • Function




三、字面量

  • 數(shù)字字面量

123副渴; 12.3奈附; 3e8; -123


  • 字符串字面量

'abc' ; "abc"


  • 布爾字面量

true; false


  • 數(shù)組字面量

[1, '2', 'a', true, false, 4, 5]
[ ]


  • 對(duì)象字面量

var dict = {a:1, b:2}




四煮剧、聲明變量

  • 語(yǔ)法

var 變量名 ---- 不賦值
var 變量名 = 初值 ---- 賦值


  • 說明

  1. var
    是關(guān)鍵字
  2. 變量名

標(biāo)識(shí)符:字母斥滤、數(shù)字、下劃線勉盅、$組成


  • 命名規(guī)則

標(biāo)識(shí)符
不能隨意使用 $ 開頭
駝峰式原則:第一個(gè)單詞首字母小寫佑颇,其他單詞首字母大寫


  • 綜合實(shí)例

 //聲明變量
var userName;
 

 //給變量賦值
userName = 'quye';
var score = 100;


//同時(shí)聲明多個(gè)變量
var name, age, sex;
var name1 = 'yizhu', age = 18,  sex;


//一個(gè)變量可以存儲(chǔ)任意類型的值,聲明變量的時(shí)候草娜,變量沒有賦值挑胸,默認(rèn)值是UNdefined
var a = 'abc'
a = 100
console.log(typeof(a))    




五、運(yùn)算符

運(yùn)算符類型 常用內(nèi)容 對(duì)應(yīng)功能
數(shù)學(xué)運(yùn)算符 +宰闰、-茬贵、*、/移袍、% 加解藻、減、乘葡盗、除螟左、取余
自身特有 ++、-- 自身加1觅够、自身減1
比較運(yùn)算符 >路狮、<、==蔚约、>=奄妨、<=、苹祟!=砸抛; ===评雌、>==、<==直焙、景东!== 大于、小于奔誓、等于斤吐、大于等于、小于等于厨喂、不等和措; 完全相等、完全大于等于蜕煌、完全小于等于派阱、完全不等
邏輯運(yùn)算符 &&、∣∣斜纪、贫母! 與、或盒刚、非
賦值運(yùn)算符 =腺劣、+=、-=因块、*=橘原、/=、%= 變量等于贮聂、變量加靠柑、變量減、變量乘吓懈、變量除歼冰、變量取余
三目運(yùn)算符 ?: 例:條件語(yǔ)句耻警?值1:值2 條件語(yǔ)句為true就取值1隔嫡,為false就取值2




六、分之結(jié)構(gòu)

  • if 語(yǔ)句

if (條件語(yǔ)句){ 滿足條件要執(zhí)行的語(yǔ)句塊 }
if (條件語(yǔ)句){語(yǔ)句塊1} else if {語(yǔ)句塊2} else{語(yǔ)句塊3}
var age = 18;
if  (age >= 18){
  console.log('成年')
}

//b. if(條件語(yǔ)句){語(yǔ)句塊1}else{語(yǔ)句塊2}

if (age >= 18){
  console.log('成年')
}else{
  console.log('未成年')
}


//if - else if - else
if (age < 18){
  console.log('未成年')
}else if(age<40){
  console.log('青年')
}else{
  console.log('老年')
}


  • switch語(yǔ)句

switch(變量){
case值1:
語(yǔ)句1甘穿;
break腮恩;
case值2:
語(yǔ)句2;
break温兼;
.........
default:
語(yǔ)句塊3
break:
}

執(zhí)行過程

使用變量的值依次和后面每個(gè)case后面的值進(jìn)行判斷秸滴,看是否相等(完全相等),如果相等就執(zhí)行那個(gè)case后面對(duì)應(yīng)的語(yǔ)句募判;如果前面每個(gè)case后面的值都和變量的值不相等荡含,就執(zhí)行default后面的語(yǔ)句




七咒唆、循環(huán)

  • for循環(huán)1

for (變量 in 數(shù)組/對(duì)象){ 函數(shù)體 }


  • for循環(huán)2

for (表達(dá)式1,表達(dá)式2释液,表達(dá)式3){循環(huán)體}

執(zhí)行過程

for循環(huán).png


  • while 循環(huán)

while(條件語(yǔ)句){ 循環(huán)體 }


  • do - while 循環(huán)

do {循環(huán)體} while (條件語(yǔ)句)

執(zhí)行過程

首先執(zhí)行函數(shù)體全释,判斷條件語(yǔ)句是否為ture,如果是就執(zhí)行函數(shù)體误债,執(zhí)行完函數(shù)體浸船,再次判斷條件語(yǔ)句,直至條件語(yǔ)句為false就結(jié)束循環(huán)寝蹈。




八李命、函數(shù)

  • 聲明函數(shù)

function 函數(shù)名(參數(shù)列表){ 函數(shù)體 }


  • 說明

function: 關(guān)鍵字
函數(shù)名:駝峰式;見名知意
參數(shù):可以有默認(rèn)參數(shù)躺盛,且默認(rèn)參數(shù)放在后面项戴。傳參的時(shí)候形帮,按照位置傳參來傳槽惫。在調(diào)用函數(shù)的時(shí)候,必須保證每個(gè)參數(shù)都有值





易竹小居士.jpg

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末辩撑,一起剝皮案震驚了整個(gè)濱河市界斜,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌合冀,老刑警劉巖各薇,帶你破解...
    沈念sama閱讀 206,126評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異君躺,居然都是意外死亡峭判,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門棕叫,熙熙樓的掌柜王于貴愁眉苦臉地迎上來林螃,“玉大人,你說我怎么就攤上這事俺泣×迫希” “怎么了?”我有些...
    開封第一講書人閱讀 152,445評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵伏钠,是天一觀的道長(zhǎng)横漏。 經(jīng)常有香客問我,道長(zhǎng)熟掂,這世上最難降的妖魔是什么缎浇? 我笑而不...
    開封第一講書人閱讀 55,185評(píng)論 1 278
  • 正文 為了忘掉前任,我火速辦了婚禮赴肚,結(jié)果婚禮上素跺,老公的妹妹穿的比我還像新娘鹏秋。我一直安慰自己,他們只是感情好亡笑,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,178評(píng)論 5 371
  • 文/花漫 我一把揭開白布侣夷。 她就那樣靜靜地躺著,像睡著了一般仑乌。 火紅的嫁衣襯著肌膚如雪百拓。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 48,970評(píng)論 1 284
  • 那天晰甚,我揣著相機(jī)與錄音衙传,去河邊找鬼。 笑死厕九,一個(gè)胖子當(dāng)著我的面吹牛蓖捶,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播扁远,決...
    沈念sama閱讀 38,276評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼俊鱼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了畅买?” 一聲冷哼從身側(cè)響起并闲,我...
    開封第一講書人閱讀 36,927評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎谷羞,沒想到半個(gè)月后帝火,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,400評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡湃缎,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,883評(píng)論 2 323
  • 正文 我和宋清朗相戀三年犀填,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片嗓违。...
    茶點(diǎn)故事閱讀 37,997評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡九巡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出靠瞎,到底是詐尸還是另有隱情比庄,我是刑警寧澤,帶...
    沈念sama閱讀 33,646評(píng)論 4 322
  • 正文 年R本政府宣布乏盐,位于F島的核電站佳窑,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏父能。R本人自食惡果不足惜神凑,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,213評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧溉委,春花似錦鹃唯、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,204評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至藻三,卻和暖如春洪橘,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背棵帽。 一陣腳步聲響...
    開封第一講書人閱讀 31,423評(píng)論 1 260
  • 我被黑心中介騙來泰國(guó)打工熄求, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人逗概。 一個(gè)月前我還...
    沈念sama閱讀 45,423評(píng)論 2 352
  • 正文 我出身青樓弟晚,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親逾苫。 傳聞我的和親對(duì)象是個(gè)殘疾皇子卿城,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,722評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 第2章 基本語(yǔ)法 2.1 概述 基本句法和變量 語(yǔ)句 JavaScript程序的執(zhí)行單位為行(line),也就是一...
    悟名先生閱讀 4,116評(píng)論 0 13
  • 工廠模式類似于現(xiàn)實(shí)生活中的工廠可以產(chǎn)生大量相似的商品隶垮,去做同樣的事情藻雪,實(shí)現(xiàn)同樣的效果;這時(shí)候需要使用工廠模式秘噪。簡(jiǎn)單...
    舟漁行舟閱讀 7,718評(píng)論 2 17
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5狸吞? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 27,422評(píng)論 1 45
  • 一指煎、快捷鍵 ctr+b 執(zhí)行ctr+/ 單行注釋ctr+c ...
    o_8319閱讀 5,782評(píng)論 2 16
  • 最近給客戶服務(wù)的過程中蹋偏,順便也梳理了下產(chǎn)品定義的事情。創(chuàng)業(yè)以來至壤,自己一直是以產(chǎn)品經(jīng)理的角色來觀察產(chǎn)品威始。在這重復(fù)練習(xí)...
    逄格亮閱讀 1,109評(píng)論 0 1