前端知識學習----JS基礎語法(1)

1.變量名定義規則:

變量名區分大小寫,允許包含字母,數字,美元符號和下劃線,但是第一個字符不允許是數字,不允許是空格和其他標點符號;
變量命名長度應儘可能的短,並抓住要點,儘量在變量名中體現出值得類型,儘量避免使用沒有意義的命名;
禁止使用JS關鍵字,保留字命名。

2.JS的數據類型:

JS有五種基本數據類型:undefined,null,string,number,boolean
還有一種特殊的爲: object
在es6中新增了symbol數據類型

注: 可以使用typeof判斷值數據類型,引用類型可以使用instanceof

number: 表示整數和浮點數;
NaN是特殊的數值表示非數值;
注: 1.任何涉及NaN的操作都會返回NaN; 2.NaN與任何值都不相等,包括NaN本身。
可以使用isNaN(n)來檢測n是否爲非數值,其中isNaN()接收到參數時會嘗試將參數轉換爲數字,再去檢測參數是否爲非數值,因此你會發現var a =”16”; isNaN(a) 返回值爲false。

3.數據類型轉換:

非數值轉換爲數字有三個函數:

1.Number() 可以用於任何數據類型;
2.parseInt()
3.parseFloat() 這兩個函數專門用於字符串轉換爲數值;
以上三個方法轉換值必須以數值開頭,非數值開頭轉換後爲NaN;

值轉換爲字符串有兩個函數:

1.str.toString();
2.String(str);
在不知道轉換的值是不是null或者undefined的情況下,可以使用String(),它能將任何類型轉換爲字符串。

值轉換爲布爾值有一個函數:(這個很重要)

Boolean();
注:除0之外的所有數字,轉換爲布爾型都爲true; 除”“之外的所有字符串,轉換爲布爾型都爲true;null和undefined轉換爲布爾型爲false。

4.操作符分類

1.算數操作符: +,—,* ,/,++,— —

需要注意的是a++:先返回a,再返回遞增之後的值;++a:先返回遞增之後的值。
例如:

var a = 5,b=4;
var c = ++a + b++;
console.log(c);  //10
console.log(a);  //6
console.log(b);  //5
2.邏輯運算符(重點): &&與 ,||或, !非

&&與(只要有一個條件不成立,即返回false)
說明: 在有一個操作數不爲布爾值的情況,邏輯與操作不一定返回布爾值,此時它遵循以下規則:
1.如果第一個操作數隱式類型轉換後爲true,則返回第二個操作數;
2.如果第一個操作數隱式類型轉換後爲false,則返回第一個操作數;
3.如果有一個操作數是null,NaN,undefined,則返回null,NaN,undefined;

|| 或 (只要有一個條件成立,即返回true)
說明:在有一個操作數不爲布爾值的情況,邏輯或操作不一定返回布爾值,此時它遵循以下規則:
1.如果第一個操作數隱式類型轉換後爲true,則返回第一個操作數;
2.如果第一個操作數隱式類型轉換後爲false,則返回第二個操作數;

!非
說明: 1.無論操作數是什麼數據類型,邏輯非都會返回一個布爾值;
2.!! 同時使用兩個非操作符時:第一個非無論操作數是什麼數據類型,都會返回一個布爾值;第二個非是對第一個非返回的結果作非操作。

3.賦值操作符:=,+=,—=,*=,/=,%=

a+=5 —> a=a+5;
a%=5 —> a=a%5;
str += “woow” —-> str = str + “woow”;

4.比較操作符: <,>,<=,>=,==,===,!=,!==

需要注意的:(以下4種全部返回布爾值)
==:相等,只比較值是否相等;
===:相等,比較值相等的同時比較數據類型是否相等;
!=:不相等,只比較值是否不相等;
!==:不相等,比較值不相等的同時比較數據類型是否也不相等;

例如:

var x = 10,y="10";
console.log(x==y);  //true
console.log(x===y); //false
console.log(x!=y);  //false
console.log(x!==y); //true
5.三元操作符

語法: 條件 ? 執行代碼1: 執行代碼2
效率高於if,條件成立時,執行代碼1,否則執行代碼2。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章