js中的分號
2020/11/12 12:16:23 閱讀：3612
發布者：3612
js中語句末尾可以不加分號，
很多時候在做練習或寫幾個頁面時，我都是不會加的。雖然知道加了會好一點。但就是覺得很敲一句就要多按一次分號鍵(;)來加分號，而不加也不怎么樣，然后就不想加了。
也聽說在對js壓縮于，會自動給語句加分號。很多插件的js的首句前面都會有個;分號，是用來避免當如果合并如下js文件如以下情況時，解釋器可能會出錯。
//代碼塊A
var a = 10;
var b = 5;
var c = a + b
//代碼塊B
('x' + 'y').toString()
報錯; 在('x' + 'y').toString() 前面加上分號就好了。所以，分號是一件多么重要的事情。
var x = 'javascript'; //javascript
x = "hello"; // hello
x = 555; //555
x = null; //null
x = a; //a is not defined
x = true; //true
對于數字是直接賦值的，因為它沒有多樣性，數字就是數字。但是對于值是英文的情況就很難區分了，因為在編程語言中，英文既可能是字符串，也可能是引用的另外一個變量。因此如何區分變量和字符串就顯得格外重要，編程語言常常將字符串用引號括起來，從而達到區分變量和字符串的作用。有些語言比如java，它們還區分單引號和雙引號，單引號括起來的是一個字符，而雙引號括起來的才是字符串。但javascript并不區分字符和字符串，而是把它們都當作字符串，因此在javascript中單引號和雙引號并沒有什么區別。
雖然通過引號可以用來區分變量和字符串，但值往往也可能是一個關鍵字，比如上面那段代碼我將x賦值為null，那么這些編程語言又是如何區分變量和關鍵字的呢？
null = 123;
console.log(null); //Uncaught ReferenceError: Invalid left-hand side in assignment
undefined = 456;
console.log(undefined); //undefined
以上我給null和undefined分別賦給了另外一個值，其結果，給null賦值報錯了，給undefined賦值雖然沒有報錯，但也沒有成功。也許對于null和undefined來說，它們就是值。而變量則是尋找值。我們說javascript是如何區分變量和關鍵字，最終或許就變成了javascript是如何區分變量和值的。
在一些JS插件中，經常會看到類似下面這樣的一行代碼
;(function(){
.........
})();
在代碼的最前面有一個分號，那么這個分號是干什么用的呢？
我們知道一個分號代表了一段代碼的結束，但問題是javascript允許你不寫分號，這樣就出現了一個問題，代碼的結束與否不是你來決定的而是由程序來決定的，而程序也不是萬能的，往往它只是走的某個規則，而如果你寫的這段代碼和它的規則不符，最終的結果就有些不如人意了。
以下是javascript對省略分號的解析規則
var a
=
1 + 2
console.log(a) //3
javascript解析器會將以上代碼解析成
var a = 1 + 2;
console.log(a); //3
如果javascript不給2后面添加分號將會無法解析下去，也可以這么說，如果遇到無法解析下去則javascript解析器會嘗試給其添加一個分號，如果還是解析不了則報錯。又比如下面這一段代碼
var a = 10;
var b = 5;
var c = a + b
(a + b).toString()
// b is not a function
它說b不是一個函數，也就是說以上這段代碼很有可能解析成了下面這段代碼
var a = 10;
var b = 5;
var c = a + b(a + b).toString();
它把()當成了函數調用。也可以理解為javascript解析器會盡可能多的去匹配，但也有幾個例外，它們是retrun、break、continue，當javascript解析器解析到這幾個關鍵字時，它不會把換行后的內容當成是自身的，而是直接在換行之前添加分號，不妨看看下面這段代碼
function test(){
return
123;
}
console.log(test()); //undefined
它并沒有返回123，也就是說它直接在retrun后面加了分號。
因此不要把分號單單認為只是用來結束某段代碼，它還可以用來隔離某段代碼和別人劃清界限。
