所謂標(biāo)識符就是指變量、函數(shù)、屬性的名字，或者函數(shù)的參數(shù)。標(biāo)識符可以是按照下列格式規(guī)則組合起來的一或多個字符：

第一個字符必須是一個字母、下劃線 _ 或一個美元符號 $；

其他字符可以是字母、下劃線、美元符號或數(shù)字；

標(biāo)識符中的字母可以包含擴展的 ASCII 或 Unicode 字母字符，但不推薦這樣做。

注釋推薦像下面這樣寫：

// 單行注釋

/*
* 這是一個多行
* （塊級）注釋
*/

ECMAScript 5 引入了嚴(yán)格模式的概念，嚴(yán)格模式是為 JavaScript 定義了一種不同的解析與操作模型。嚴(yán)格模式啟用方法如下：

function doSomething() {
  "use strict";
  //函數(shù)體
}

"use strict"; 這行代碼其實是一個編譯指示（pragma），用于高速支持的 JavaScript 引擎切換到嚴(yán)格模式。

用 var 操作符定義的變量將成為定義該變量的作用域中的局部變量。也就是說，如果在函數(shù)中使用 var 定義一個變量，那么這個變量在函數(shù)退出后就會被銷毀。

function test() {
  var message = "hi";  //局部變量
}
test();
alert(message);       //錯誤!

function test() {
  message = "hi";  //全局變量
}
test();
alert(message);       //"hi"

不推薦濫用全局變量，因為在局部作用域中定義的全局變量很難維護(hù)。而且給未經(jīng)聲明的變量賦值在嚴(yán)格模式下會導(dǎo)致拋出 ReferenceError 的錯誤。

可以使用一條語句定義多個變量，只要把每個變量（初始化與否均可）用逗號分隔開即可：

var message = "hi",
    found = false,
    age = 29;

因為 ECMAScript 是松散類型的，因而使用不同類型初始化變量的操作可以放在一條語句中完成。

注意，在嚴(yán)格模式下不能定義名為 eval 或 arguments 的變量，否則會導(dǎo)致語法錯誤。

ECMAScript 中有五種簡單數(shù)據(jù)類型（基本數(shù)據(jù)類型）：Undefined、Null、Boolean、Number 和 String。還有一種復(fù)雜數(shù)據(jù)類型 -- Object，在本質(zhì)上，Object 是一組無序的明值對組成的。乍一看這幾種數(shù)據(jù)類型不足以表示所有數(shù)據(jù)，但是 ECMAScript 數(shù)據(jù)類型具有動態(tài)性，所以沒有必要再定義其他類型的數(shù)據(jù)了。

var message = "some string";
alert(typeof message);    //"string"
alert(typeof (message));  //"string"
alert(typeof 95);         //"number"

上面幾個例子說明，typeof 操作符的操作數(shù)可以是變量（message），也可以是數(shù)值字面量。注 -- typeof 是一個操作符。

在 JavaScript 中，null 是一個 object，即 typeof null; 返回 object。這是設(shè)計的缺陷，在最初，使用標(biāo)記位來區(qū)分對象類型和原始類型，對象型用 0 標(biāo)識，原始型用 1 標(biāo)識。導(dǎo)致了全零的 null 被識別為 object。null 被認(rèn)為是一個空的對象引用，也就是一個空的對象指針。這也正是使用 typeof 操作符檢測 null 值時會返回 object 的原因。

在技術(shù)上講，函數(shù)在 ECMAScript 中是對象，不是一種數(shù)據(jù)類型。然而函數(shù)確實也有一些特殊的屬性，因此通過 typeof 操作符來區(qū)分函數(shù)和其他對象是有必要的。

在 JavaScript 中，包含 undefined 值的變量與尚未定義的變量還是不一樣的。

var message;      //
alert(message);  //
alert(age);

var message;
alert(typeof message);  //"undefined"
alert(typeof age);      //"undefined"

即便未初始化的變量會自動被賦予 undefined 值，但顯示的初始化變量依然是明智的選擇。如果做到這一點，那么當(dāng) typeof 操作符返回 undefined 值時，我們就知道被檢測的變量是沒有被聲明還是尚未初始化。

對于未聲明的變量，只能執(zhí)行一項操作即用 typeof 操作符檢測其數(shù)據(jù)類型（未聲明的變量調(diào)用 delet 不會報錯，但沒意義，而且在嚴(yán)格模式下也會報錯）。

未初始化和未聲明的變量的區(qū)別就是，在用 typeof 操作符檢測其數(shù)據(jù)類型時都顯示 undefined，但是在除此之外調(diào)用未聲明的變量時就會報錯。

因為在 JavaScript 中未定義和未聲明的變量用 typeof 操作符檢測其數(shù)據(jù)類型時都顯示 undefined，所以 DOM 相關(guān)函數(shù)都是返回 null，從 API 設(shè)計角度來講是合理的。

無論什么情況下，都沒有必要將一個變量的值顯示的設(shè)置為 undefined。

如果定義的變量準(zhǔn)備在將來保存對象，那么最好將該變量初始化為 null 而不是其他值。這樣只要檢查 null 值就可以知道相應(yīng)的變量是否已經(jīng)保存了一個對象的引用，如下所示：

if(car != null) {
  //對 car 對象執(zhí)行某些操作
}

所以只要意在保存對象的變量還沒有真正保存對象，就應(yīng)該明確地讓該變量保存 null 值。

實際上，undefined 值是派生自 null 值的，因此 ECMA-262 規(guī)定對他們的相等性測試要返回 true：

alert(null == undefined);      //true

因為保存浮點數(shù)值需要的內(nèi)存空間是保存整數(shù)值的兩倍，所以 ECMAScript 會不失時機的將浮點數(shù)值轉(zhuǎn)換為整數(shù)值。

ECMAScript 能夠表示的數(shù)的范圍為 Number.MIN_VALUE ~ Number.MAX_VALUE，在大多數(shù)瀏覽器中為 5e-324 ~ 1.7976931348623157e+308。當(dāng)程序執(zhí)行時，數(shù)值超過正負(fù)范圍時會被分別轉(zhuǎn)化為 Infinity 和 -Infinity。想確定一個數(shù)是否超出 JavaScript 數(shù)值范圍，可以用 isInfinite() 函數(shù)。

var result = Number.MIN_VALUE + Number.MIN_VALUE;
alert(isFinite(result));     //false

NaN 即非數(shù)值（Not a Number）是一個特殊值。用于表示一個本來要返回數(shù)值的操作數(shù)未返回數(shù)值的情況（這樣就不會拋出錯誤了）。其有兩個特點，首先任何涉及 NaN 操作都會返回 NaN，這一點在多步計算中可能會導(dǎo)致問題。其次， NaN 與任何值都不相等，包括其本身。ECMAScript 也定義了 isNaN(); 函數(shù)。這個函數(shù)接收一個參數(shù)，這個參數(shù)可以是任何類型的，而函數(shù)會幫我們確定這個參數(shù)是否 不是數(shù)值。函數(shù)檢查過程是 `isNaN(); => valueOf(); => toString();。

有三個可以把非數(shù)值轉(zhuǎn)化為數(shù)值的函數(shù)：Number()，parseInt()，parseFloat()。在使用 parseInt() 轉(zhuǎn)換數(shù)據(jù)類型時，為了避免錯誤解析，建議無論何時都要明確指定基數(shù)。多數(shù)情況下我們要解析的都是是進(jìn)制數(shù)，因此始終將 10 作為第二個參數(shù)是十分必要的。

var num1 = Number("Hello world!");  //NaN
var num2 = Number("");              //0
var num3 = Number("000011");        //11
var num4 = Number(true);            //1

alert(num1);
alert(num2);
alert(num3);
alert(num4);

var num1 = praseInt("10", 2);       //2   （按二進(jìn)制解析）
var num1 = praseInt("10", 8);       //8   （按八進(jìn)制解析）
var num1 = praseInt("10", 10);      //10  （按十進(jìn)制解析）
var num1 = praseInt("10", 16);      //16  （按十六進(jìn)制解析）

parseFloat() 只解析十進(jìn)制值，所以其沒有第二個參數(shù)。

var num1 = parseFloat("1234blue");    //1234 - integer
var num2 = parseFloat("0xA");         //0
var num3 = parseFloat("22.5");        //22.5
var num4 = parseFloat("22.34.5");     //22.34
var num5 = parseFloat("0908.5");      //908.5
var num6 = parseFloat("3.125e7");     //31250000

alert(num1);
alert(num2);
alert(num3);
alert(num4);
alert(num5);
alert(num6);

字符串由雙引號或單引號表示都可以，在 ECMAScript 中的這兩種語言形式?jīng)]有什么區(qū)別。

任何字符串的長度都可以通過訪問其 length 屬性取得，如果字符串中包含雙字節(jié)字符，那么 length 屬性可能不會精確的返回字符串中的字符數(shù)目。

var text = "This is the letter sigma: u030a.";
alert(text.length);   //輸出 28

ECMAScript 中的字符串是不可變的，如果要改變某個變量保存的字符串，首先要銷毀原來的字符串，然后再用另一個包含新值的字符串填充該變量，這個過程是在后臺完成的，這也就是某些舊版本瀏覽器在拼接字符串的時候速度很慢的原因了。

要把一個值轉(zhuǎn)換為字符串有兩種方法，第一種是 toString() 方法。數(shù)值、布爾值、對象和字符串值都有相應(yīng)的 toString() 方法，但是 null 和 undefined 值沒有。一般調(diào)用 toString() 方法時不用傳遞參數(shù)，但是他也可以傳遞參數(shù)。

var age = 11;
var ageAsString = age.toString();    //the string "11"
var found = true;
var foundAsString = found.toString(); //the string "true"

alert(ageAsString);
alert(typeof ageAsString);
alert(foundAsString);
alert(typeof foundAsString);

var num = 10;
alert(num.toString());       //"10"
alert(num.toString(2));      //"1010"
alert(num.toString(8));      //"12"
alert(num.toString(10));     //"10"
alert(num.toString(16));     //"a"

在不知道要轉(zhuǎn)換的值是不是 null 或 undefined 的情況下可以使用第二種方法：轉(zhuǎn)型函數(shù) String()。使用這種方法時，如果值有 toString() 方法則會調(diào)用該方法，沒有的話就按本方法規(guī)則執(zhí)行。

var value1 = 10;
var value2 = true;
var value3 = null;
var value4;

alert(String(value1));     //"10"
alert(String(value2));     //"true"
alert(String(value3));     //"null"
alert(String(value4));     //"undefined"

ECMAScript 中的對象其實就是一組數(shù)據(jù)和功能的集合。

var o = new Object();

在 ECMAScript 中，當(dāng)對數(shù)值應(yīng)用位操作符時，后臺發(fā)生如下的轉(zhuǎn)換過程：64 位的數(shù)值被轉(zhuǎn)換為 32 位數(shù)值，然后執(zhí)行位操作，最后再將 32 位的結(jié)果轉(zhuǎn)換回 64 位數(shù)值。但是這個轉(zhuǎn)換過程會導(dǎo)致特殊的 NaN 和 Infinity 值應(yīng)用位操作時，這兩個值會被當(dāng)成 0 來處理。對非數(shù)值可以先使用 Number() 函數(shù)將該值轉(zhuǎn)換為一個數(shù)值，然后再應(yīng)用位操作。

var num1 = 25;             //binary 00000000000000000000000000011001
var num2 = ~num1;          //binary 11111111111111111111111111100110
alert(num2);               //-26

按位非操作的本質(zhì)就是操作數(shù)的負(fù)值減一。

左移操作：左移操作符為 <<，左移不會影響操作數(shù)的符號位。

var oldValue = 2;             //equal to binary 10
var newValue = oldValue << 5; //equal to binary 1000000 which is decimal 64
alert(newValue);              //64

右移操作分為有符號 >> 和無符號 >>> 兩種。對于正數(shù)來說，這兩種方法的結(jié)果一樣。但對于負(fù)數(shù)來說，無符號右移是以 0 填充空位，而不是像有符號右移那樣以符號位的值來填充空位。

var oldValue = -64;              //equal to binary 11111111111111111111111111000000
var newValue = oldValue >>> 5;   //equal to decimal 134217726
alert(newValue);                 //134217726

我們可以利用邏輯或的行為特性來避免為變量賦 null 或 undefined 值。例如：

var myObject = preferredObject || backupObject;

上面這段代碼，如果 preferredObject 的值不是 null，那么它的值將被賦給 myObject；如果是 null，則將 backupObject 的值賦給 myObject。ECMAScript 程序的賦值語句常用這種模式。

加性操作符有以下特性：+0 加 +0 結(jié)果為 +0；-0 加 -0 結(jié)果為 -0；+0 加 -0 結(jié)果為 +0。如果兩個操作數(shù)都是字符串，則將第二個操作數(shù)與第一個操作數(shù)拼接起來。如果只有一個操作數(shù)是字符串，則將另一個操作數(shù)轉(zhuǎn)換為字符串，然后再將兩個字符串拼接起來。

var result1 = 5 + 5;     //two numbers
alert(result1);           //10
var result2 = 5 + "5";   //a number and a string
alert(result2);           //"55"

var num1 = 5;
var num2 = 10;
var message = "The sum of 5 and 10 is " + num1 + num2;
alert(message);    //"The sum of 5 and 10 is 510"

var num1 = 5;
var num2 = 10;
var message = "The sum of 5 and 10 is " + (num1 + num2);
alert(message);    //"The sum of 5 and 10 is 15"

減性操作符有以下特性：+0 減 +0 結(jié)果為 +0；-0 減 +0 結(jié)果為 -0；-0 減 +0 結(jié)果為 +0。

var result1 = 5 - true;    //4 because true is converted to 1
var result2 = NaN - 1;     //NaN
var result3 = 5 - 3;       //2
var result4 = 5 - "";      //5 because "" is converted to 0
var result5 = 5 - "2";     //3 because "2" is converted to 2
var result6 = 5 - null;    //5 because null is converted to 0

相等操作符有相等 == 和不相等 !=、全等 === 和不全等 !== 兩種。前者先轉(zhuǎn)換再比較，后者僅比較不轉(zhuǎn)換。除此之外無區(qū)別。轉(zhuǎn)換指轉(zhuǎn)換成數(shù)值。

var result1 = ("55" == 55);    //true ?equal because of conversion
var result2 = ("55" === 55);   //false ?not equal because different data types

var result3 = ("55" != 55);    //false ?equal because of conversion
var result4 = ("55" !== 55);   //true ?not equal because different data types

alert(null == undefined);    //true
alert(null === undefined);   //false

alert("NaN" == NaN);        //false
alert("NaN" === NaN);       //false
alert(NaN == NaN);          //false
alert(NaN === NaN);         //false
alert(NaN != NaN);          //true
alert(NaN !== NaN);         //true

alert(false == 0);          //true
alert(false === 0);         //false
alert(true == 1);           //true
alert(true === 1);          //false

alert(null == 0);           //false
alert(undefined == 0);      //false

alert(5 == "5");            //true
alert(5 === "5");           //false

注意：null == undefined 會返回 true，而 null === undefined 會返回 false，因為他們是不同類型的值。由于相等和不相等操作符存在類型轉(zhuǎn)換問題，而為了保持代碼中數(shù)據(jù)類型的完整性，我們推薦使用全等和不全等操作符。

條件操作符：

var max = (num1 > num2) ? num1 : num2;

有 if 語句、do-while 語句、while 語句、for 語句、for-in 語句、lable 語句、break 和 continue 語句、with 語句、switch 語句。

因為 ECMAScript 中不存在塊級作用域，因此在循環(huán)內(nèi)部定義的變量也可以在外部訪問到。例如：

var count = 10;
for (var i=0; i < count; i++){
    alert(i);
}
alert(i);    //10

for-in語句是一種精準(zhǔn)的迭代語句，可以用來枚舉對象屬性。用法是：

for (property in wxpression) statement

下面是一個示例：這個例子循環(huán)顯示 BOM 中 window 對象的所有屬性。

for (var propName in window) {
  document.wright(propName);
}

如果要迭代的對象的變量值為 null 或 undefined，for-in 語句會拋出錯誤。ECMAScript 5 已經(jīng)更正了這一行為，對這種情況不再拋出錯誤，而只是不執(zhí)行循環(huán)體。為了保證最大限度兼容性，建議在使用 for-in 循環(huán)之前先檢查確認(rèn)該對象的值不是 null 或 undefined。

lable 語句可以在代碼中添加標(biāo)簽，以便將來使用。語法為：

lable: statement;

代碼示例：這個例子中定義的 start 標(biāo)簽可以在將來由 break 或 continue 語句引用。加標(biāo)簽的語句一般都要與 for 語句等循環(huán)語句配合使用。

start: for (var - = 0; i < count; i++) {
}

下面這段代碼使得 break 語句不僅會退出內(nèi)部的 for 語句，而且也會退出外部的 for 語句。

var num = 0;
        
outermost:
for (var i=0; i < 10; i++) {
  for (var j=0; j < 10; j++) {
    if (i == 5 && j == 5) {
      break outermost;
    }
    num++;
  }
}

alert(num);    //55

var num = 0;
        
outermost:
for (var i=0; i < 10; i++) {
  for (var j=0; j < 10; j++) {
    if (i == 5 && j == 5) {
        continue outermost;
    }
    num++;
  }
}

alert(num);    //95

with 語句的作用是將代碼的作用域設(shè)置到一個特定的對象中，語法如下：

with (expression) statement;

定義 with 語句的目的是簡化多次編寫同一個對象的工作，如下面的例子所示：

var qs = location.search.substring(1);
var hostName = location.hostname;
var url = location.href;

用 with 語句寫的話就可以簡化成下面這樣：

with (location) {
  var qs = search.substring(1);
  var hostName = hostname;
  var url = href;
}

注意：嚴(yán)格模式下不允許使用 with 語句，否則將視為語法錯誤。同時，大量使用這種語句會導(dǎo)致性能下降，同時也會給調(diào)試代碼造成困難，因此在開發(fā)大型應(yīng)用程序時不建議使用 with 語句。

switch 語句，雖然 ECMAScript 的 switch 語句是借鑒其他語言的，但是也有其特色?？梢栽?ECMAScript 的 switch 語句中使用任何數(shù)據(jù)類型。其次，每一個 case 的值不一定是常量，可以是變量，也可以是表達(dá)式。

switch ("hello world") {
  case "hello" + " world": 
    alert("Greeting was found.");
    break;
  case "goodbye": 
    alert("Closing was found.");
    break;
  default: 
    alert("Unexpected message was found.");
}

var num = 25;
switch (true) {
  case num < 0: 
    alert("Less than 0.");
    break;
  case num >= 0 && num <= 10: 
    alert("Between 0 and 10.");
    break;
  case num > 10 && num <= 20: 
    alert("Between 10 and 20.");
    break;
  default: 
    alert("More than 20.");
}

對于函數(shù)的返回值，推薦的做法是要么讓函數(shù)始終都返回一個值，要么永遠(yuǎn)都不要返回值，否則，如果函數(shù)有時候返回值，有時候不返回值，會給調(diào)試代碼帶來不便。

ECMAScript 不介意你傳遞的參數(shù)個數(shù)和參數(shù)的數(shù)據(jù)類型，因為 ECMAScript 中的參數(shù)只在內(nèi)部是一個數(shù)組來表示的。實際上在函數(shù)體內(nèi)可以通過 arguments 對象來訪問這個參數(shù)數(shù)組，從而獲得傳遞給函數(shù)的每一個參數(shù)。arguments 對象只是與數(shù)組類似但并不是 Array 的實例。

沒有傳遞值的命名參數(shù)將自動被賦予 undefined 值，這就和定義變量但為初始化類似。

在 ECMAScript 中，定義了兩個名字相同的函數(shù)，則該名字只屬于后定義的函數(shù)。

歡迎大家在評論區(qū)留下你的想法和感受！

歡迎大家關(guān)注知乎專欄：全棧成長之路

文章保質(zhì)保量 (づ￣3￣)づ╭?～

也歡迎大家加入學(xué)習(xí)交流QQ群：637481811

本文首發(fā)于我的 個人網(wǎng)站 LeviDing ，更多內(nèi)容歡迎關(guān)注我的個人網(wǎng)站。
歡迎掃描上方二維碼關(guān)注 公眾號: LeviDing 訂閱實時動態(tài)。