成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

JS語句為什么不能以“function”與大括號開頭

ermaoL / 1264人閱讀

摘要：語句之間使用作為結(jié)尾，其中主要包括表達(dá)式語句塊語句空語句和聲明語句，這里不細(xì)講。對于這句話，只能說對錯一半吧先來說一下為什么語句不能以開始，這里涉及到函數(shù)聲明的概念。

前言

前段時間調(diào)試代碼，查看對象的toString的返回數(shù)據(jù)，由于比較簡單，直接在瀏覽器的控制臺輸出代碼

{}.toString();    // Uncaught SyntaxError: Unexpected token .

“.”不是期待的表達(dá)式，{}在JS中不是一個再正常不過的對象么,于是試了一下其他對象類型數(shù)據(jù)。

[].toString();    // ""
function(){}.toString();    // Uncaught SyntaxError: Unexpected token (
/^.$/.toString();    // "/^.$/"

查資料看了一下，總的來說涉及到JS這門語言設(shè)計的幾個概念：語句、函數(shù)聲明、語句塊等

語句 
JS中，應(yīng)用程序是由許多語法正確的語句組成的，語句的作用就是告訴瀏覽器應(yīng)該怎樣執(zhí)行程序。語句之間使用“；”作為結(jié)尾，其中主要包括表達(dá)式語句、塊語句、空語句和聲明語句，這里不細(xì)講。

注意上面一段話中的語法正確一詞，在前言的demo代碼中，數(shù)組和正則表達(dá)式可以正常調(diào)用的，但是對象和方法類型調(diào)用卻是失敗的，網(wǎng)上大部分答案回答都比較淺顯：”JS中語句不能以function或者大括號作為開始，會報錯“。對于這句話，只能說對錯一半吧！

先來說一下為什么語句不能以”function“開始，這里涉及到函數(shù)聲明的概念。

函數(shù)聲明 
函數(shù)聲明：定義一個具有指定參數(shù)的函數(shù)，以function開頭， 其中包括函數(shù)名，參數(shù)名，和函數(shù)語句塊

舉個栗子?:

function funcName(arg1, arg2) {
    // 語句塊
}

我們代碼中調(diào)用toString方法”function(){}.toString“,是以”function“開頭的， JS中會將以”function“ 開頭的語句認(rèn)定為函數(shù)聲明語句，那么代碼必須符合函數(shù)聲明語句規(guī)范，很明顯”function“后未包括函數(shù)名，這條函數(shù)聲明語句明顯不符合規(guī)范。

正確的做法：

// 以”(“開頭的語句JS并不會將其視作函數(shù)聲明
(function(){}).toString();
// 匿名函數(shù)
(function(){})()
// 匿名函數(shù)裝B一點(diǎn)的寫法
void function(){}()

非函數(shù)申明代碼不可以“function”作為語句開頭，那大括號又是怎么回事呢。

語句塊 
將零個或多個語句聯(lián)合在一起，形成一條復(fù)合語句，用大括號將其包括

有的文檔上叫“塊語句”，也有人的文檔上叫復(fù)合語句，舉個栗子?，我們可以這樣寫代碼：

{
    console.info("輸出一個語句");
    console.info("不出錯，是不是很神奇");
};

也就是說如果我們以大括號開頭，瀏覽器會理解將其視作一個語句塊，語句塊中的代碼和外面的代碼并沒有本質(zhì)的區(qū)別，也是從上至下而執(zhí)行。再看個栗子?：

{};    // undefined
{a: "a"};    // "a";
{a: "a"}.a;    // Uncaught SyntaxError: Unexpected token .

第一行很好理解，沒有任何執(zhí)行語句，當(dāng)然輸出undefined
第二行代碼呢，輸出“a”，這里不要被“:”給蒙蔽了，這里的的冒號是一個標(biāo)識符，類似于C語言中的標(biāo)記符，不同的是JS中通過“break”與“continue”跳轉(zhuǎn)到標(biāo)記符，二C語言中是通過“goto”，關(guān)于標(biāo)記符
第三行代碼等同于：“a: "a"; .a;” 沒有通過對象主體獲取屬性“a”，所以報錯。

綜上所述，“{}.toString();” 等同于: “; .toString();” 未通過對象主體調(diào)用“toString”方法，不符合JS中期待的表達(dá)式

說了這么多，用語句塊有什么好處呢，我能想到的唯一好處只有“裝B?？帷?..

總結(jié)在最后

JS語句為什么不能以“function”和大括號開頭呢？

以function開頭，但必須是一個函數(shù)聲明語句

以大括號開頭，但該大括號不再被當(dāng)做一個對象處理，而是當(dāng)做一個語句塊處理

綜上兩條說明，JS語句可以以function，也可以以大括號作為開頭，前提是必須符合JS中的語法規(guī)范

參考資料

MDN 語句
MDN 語句塊
MDN 標(biāo)記符
MDN Unexpected token
expressions-vs-statements
MDN Expressions_and_Operators

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/90687.html

相關(guān)文章

  • 編寫高質(zhì)量JavaScript代碼的基本技巧

    摘要：五不要增加內(nèi)置的原型增加內(nèi)置構(gòu)造函數(shù)如，和等的原型屬性是一個增強(qiáng)功能性的強(qiáng)大的方法，但這可能會嚴(yán)重影響可維護(hù)性，因?yàn)檫@種做法將使代碼變得更加不可預(yù)測。推薦使用后者，這樣根據(jù)名字就能明顯地區(qū)分出變量函數(shù)和基本常量等。 一、盡量少用全局變量 減少全局名字空間污染，最理想的情況是一個應(yīng)用程序僅有一個全局變量。 二、單一var模式 var a = 1, b = 2, sum =...

    Alex 評論0 收藏0

  • 我的前端編碼習(xí)慣 —— js篇

    摘要：文件中的代碼塊可用以下代碼塊包裹，以減少全局污染。命名規(guī)則原則盡量避免潛在命名沖突，避免過于精簡，應(yīng)見名知意。必須與共同使用的構(gòu)造函數(shù)名應(yīng)以大寫字母開頭。變量所有的變量必須在使用前進(jìn)行聲明。僅在函數(shù)和構(gòu)造器內(nèi)使，以明確的上下指向。 代碼格式規(guī)范 1.html中外部腳本引入盡量放在尾部。 2.一個html文件中只寫一個代碼塊。 3.JS文件中的代碼塊可用以下代碼塊包裹，以減少全局污染。 ...

    LancerComet 評論0 收藏0

  • 前端代碼編寫規(guī)范

    摘要：前端代碼規(guī)范代碼編寫規(guī)范縮進(jìn)每一層級由個空格組成，避免使用制表符進(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) 每一層級由4個空格組成，避免使用制表符（Tab）進(jìn)行縮進(jìn)。 行的長度 每行長度不應(yīng)該超過80個...

    liangdas 評論0 收藏0

  • JS學(xué)習(xí)系列 07 - 標(biāo)簽聲明（Label Statement）

    摘要：上面這段代碼，在中的執(zhí)行結(jié)果是什么呢大家思考分鐘好，分鐘已過，大家有結(jié)果了嗎千萬不要在瀏覽器的控制臺中去寫這段代碼，雖然結(jié)果和你開始想的結(jié)果一樣，但是，它是錯誤的。這是在控制臺中執(zhí)行的結(jié)果這是在中的執(zhí)行結(jié)果可以看到兩個結(jié)果是不一樣的。 1. 引言 假設(shè)有這么一道題： for (var i = 0; i < 10; i++) { console.log(i); for (...

    ormsf 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<