資訊專欄INFORMATION COLUMN
摘要：語句之間使用作為結(jié)尾，其中主要包括表達(dá)式語句塊語句空語句和聲明語句，這里不細(xì)講。對(duì)于這句話，只能說對(duì)錯(cuò)一半吧先來說一下為什么語句不能以開始，這里涉及到函數(shù)聲明的概念。
前言
前段時(shí)間調(diào)試代碼，查看對(duì)象的toString的返回?cái)?shù)據(jù)，由于比較簡單，直接在瀏覽器的控制臺(tái)輸出代碼
{}.toString(); // Uncaught SyntaxError: Unexpected token .
“.”不是期待的表達(dá)式，{}在JS中不是一個(gè)再正常不過的對(duì)象么,于是試了一下其他對(duì)象類型數(shù)據(jù)。
[].toString(); // ""
function(){}.toString(); // Uncaught SyntaxError: Unexpected token (
/^.$/.toString(); // "/^.$/"
查資料看了一下，總的來說涉及到JS這門語言設(shè)計(jì)的幾個(gè)概念：語句、函數(shù)聲明、語句塊等
語句JS中，應(yīng)用程序是由許多語法正確的語句組成的，語句的作用就是告訴瀏覽器應(yīng)該怎樣執(zhí)行程序。語句之間使用“；”作為結(jié)尾，其中主要包括表達(dá)式語句、塊語句、空語句和聲明語句，這里不細(xì)講。
注意上面一段話中的語法正確一詞，在前言的demo代碼中，數(shù)組和正則表達(dá)式可以正常調(diào)用的，但是對(duì)象和方法類型調(diào)用卻是失敗的，網(wǎng)上大部分答案回答都比較淺顯：”JS中語句不能以function或者大括號(hào)作為開始，會(huì)報(bào)錯(cuò)“。對(duì)于這句話，只能說對(duì)錯(cuò)一半吧！
先來說一下為什么語句不能以”function“開始，這里涉及到函數(shù)聲明的概念。
函數(shù)聲明函數(shù)聲明：定義一個(gè)具有指定參數(shù)的函數(shù)，以function開頭， 其中包括函數(shù)名，參數(shù)名，和函數(shù)語句塊
舉個(gè)栗子?:
function funcName(arg1, arg2) {
// 語句塊
}
我們代碼中調(diào)用toString方法”function(){}.toString“,是以”function“開頭的， JS中會(huì)將以”function“ 開頭的語句認(rèn)定為函數(shù)聲明語句，那么代碼必須符合函數(shù)聲明語句規(guī)范，很明顯”function“后未包括函數(shù)名，這條函數(shù)聲明語句明顯不符合規(guī)范。
正確的做法：
// 以”(“開頭的語句JS并不會(huì)將其視作函數(shù)聲明
(function(){}).toString();
// 匿名函數(shù)
(function(){})()
// 匿名函數(shù)裝B一點(diǎn)的寫法
void function(){}()
非函數(shù)申明代碼不可以“function”作為語句開頭，那大括號(hào)又是怎么回事呢。
語句塊將零個(gè)或多個(gè)語句聯(lián)合在一起，形成一條復(fù)合語句，用大括號(hào)將其包括
有的文檔上叫“塊語句”，也有人的文檔上叫復(fù)合語句，舉個(gè)栗子?，我們可以這樣寫代碼：
{
console.info("輸出一個(gè)語句");
console.info("不出錯(cuò)，是不是很神奇");
};
也就是說如果我們以大括號(hào)開頭，瀏覽器會(huì)理解將其視作一個(gè)語句塊，語句塊中的代碼和外面的代碼并沒有本質(zhì)的區(qū)別，也是從上至下而執(zhí)行。再看個(gè)栗子?：
{}; // undefined
{a: "a"}; // "a";
{a: "a"}.a; // Uncaught SyntaxError: Unexpected token .
第一行很好理解，沒有任何執(zhí)行語句，當(dāng)然輸出undefined
第二行代碼呢，輸出“a”，這里不要被“:”給蒙蔽了，這里的的冒號(hào)是一個(gè)標(biāo)識(shí)符，類似于C語言中的標(biāo)記符，不同的是JS中通過“break”與“continue”跳轉(zhuǎn)到標(biāo)記符，二C語言中是通過“goto”，關(guān)于標(biāo)記符
第三行代碼等同于：“a: "a"; .a;” 沒有通過對(duì)象主體獲取屬性“a”，所以報(bào)錯(cuò)。
綜上所述，“{}.toString();” 等同于: “; .toString();” 未通過對(duì)象主體調(diào)用“toString”方法，不符合JS中期待的表達(dá)式
說了這么多，用語句塊有什么好處呢，我能想到的唯一好處只有“裝B?？帷?..
總結(jié)在最后JS語句為什么不能以“function”和大括號(hào)開頭呢？
以function開頭，但必須是一個(gè)函數(shù)聲明語句
以大括號(hào)開頭，但該大括號(hào)不再被當(dāng)做一個(gè)對(duì)象處理，而是當(dāng)做一個(gè)語句塊處理
綜上兩條說明，JS語句可以以function，也可以以大括號(hào)作為開頭，前提是必須符合JS中的語法規(guī)范
參考資料MDN 語句
MDN 語句塊
MDN 標(biāo)記符
MDN Unexpected token
expressions-vs-statements
MDN Expressions_and_Operators
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/90687.html
摘要：五不要增加內(nèi)置的原型增加內(nèi)置構(gòu)造函數(shù)如，和等的原型屬性是一個(gè)增強(qiáng)功能性的強(qiáng)大的方法，但這可能會(huì)嚴(yán)重影響可維護(hù)性，因?yàn)檫@種做法將使代碼變得更加不可預(yù)測。推薦使用后者，這樣根據(jù)名字就能明顯地區(qū)分出變量函數(shù)和基本常量等。 一、盡量少用全局變量 減少全局名字空間污染，最理想的情況是一個(gè)應(yīng)用程序僅有一個(gè)全局變量。 二、單一var模式 var a = 1, b = 2, sum =...
摘要：文件中的代碼塊可用以下代碼塊包裹，以減少全局污染。命名規(guī)則原則盡量避免潛在命名沖突，避免過于精簡，應(yīng)見名知意。必須與共同使用的構(gòu)造函數(shù)名應(yīng)以大寫字母開頭。變量所有的變量必須在使用前進(jìn)行聲明。僅在函數(shù)和構(gòu)造器內(nèi)使，以明確的上下指向。 代碼格式規(guī)范 1.html中外部腳本引入盡量放在尾部。 2.一個(gè)html文件中只寫一個(gè)代碼塊。 3.JS文件中的代碼塊可用以下代碼塊包裹，以減少全局污染。 ...
摘要：前端代碼規(guī)范代碼編寫規(guī)范縮進(jìn)每一層級(jí)由個(gè)空格組成，避免使用制表符進(jìn)行縮進(jìn)。單目運(yùn)算符的操作數(shù)之間不應(yīng)該用空白隔開語句中的表達(dá)式之間應(yīng)當(dāng)用空格隔開代碼編寫規(guī)范頭部文檔類型建議使用格式的。內(nèi)聯(lián)元素寫在一行內(nèi)，塊狀元素還有列表和表格要另起一行。 前端代碼規(guī)范 JavaScript代碼編寫規(guī)范 縮進(jìn) 每一層級(jí)由4個(gè)空格組成，避免使用制表符（Tab）進(jìn)行縮進(jìn)。 行的長度 每行長度不應(yīng)該超過80個(gè)...
摘要：上面這段代碼，在中的執(zhí)行結(jié)果是什么呢大家思考分鐘好，分鐘已過，大家有結(jié)果了嗎千萬不要在瀏覽器的控制臺(tái)中去寫這段代碼，雖然結(jié)果和你開始想的結(jié)果一樣，但是，它是錯(cuò)誤的。這是在控制臺(tái)中執(zhí)行的結(jié)果這是在中的執(zhí)行結(jié)果可以看到兩個(gè)結(jié)果是不一樣的。 1. 引言 假設(shè)有這么一道題： for (var i = 0; i < 10; i++) { console.log(i); for (...
閱讀 1279·2023-04-25 15:53
閱讀 2147·2021-11-19 09:40
閱讀 3552·2021-10-11 10:59
閱讀 2115·2019-08-30 15:55
閱讀 2013·2019-08-30 15:54
閱讀 2363·2019-08-29 13:03
閱讀 2814·2019-08-28 18:17
閱讀 1552·2019-08-27 10:51
