一馋没、基礎(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 變量名 = 初值 ---- 賦值
-
說明
- var
是關(guān)鍵字- 變量名
標(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í)行過程
-
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ù)都有值