首頁 >web前端 >前端問答 >javascript中大括號的用法是什麼

javascript中大括號的用法是什麼

WBOY原創: 2022-03-24 16:13:163537瀏覽

JavaScript中大括號的用法：1、用於組織複合語句；2、用於定義一個對象，大部分情況下要有成對的屬性和值；3、用於聲明函數或函數直接量；4、用作結構化異常處理的語法符號。

本教學操作環境：windows10系統、javascript1.8.5版、Dell G3電腦。

javascript中大括號的用法是什麼

Javascript中大括號"{}"有四種語意作用：

語義1. 組織複合語句，這是最常見的：

if( condition ) {
  //...
}else {
  //...
}
for() {
  //...
}

語意2，物件直接量宣告：

var obj = {
    name : &#39;jack&#39;,
    age : 23
};

整個是個賦值語句，其中的{name:'jack' ,age:23}是個表達式。

語意3，宣告函數或函數直接量：

function f1(){
    //...
}
var f2 = function(){
    //...
}

f1與非f2的差異是前者在語法解釋期，後者在執行期間。差別在於：如果調用函數的程式碼在函數定義之後，則沒有區別；如果調用函數的程式碼在函數定義之前，則f1仍然可以調用，f2則會報錯，提示f2未定義。

語意4，結構化例外處理的語法符號：

try {
    //...
}catch( ex ){
    //...
}finally{
    //...
}

這裡的大括號與符合語句(語意1 )是有差別的，大括號中如果只有一條語句，在if/else/for等大括號是可以省略的，但try/catch/finally則不能省略。

以下程式碼糾結了偶N久：

function(){}() //匿名函数立即执行， 语法分析期报
{}.constructor //获取对象直接量的构造器，语法分析期报错

令人不解的是為何[].constructor這麼寫卻不報錯呢，一個是想取得物件直接量的建構器，一個是取得數組直接量的構造器而已。

當然加入變數接收也不會錯，var c = {}.constructor;

同樣的情況如：var fn = function(){}()，也不會錯誤。

其實是js的"語句優先"在作怪，也就是{}被理解成複合語句區塊(語意1 )而非物件直接量(語意2 )或宣告函數(語意3 )的語意。

function(){}()，大括號被理解成複合語句，自然前面的function()宣告函數的語法不完整導致語法分析期出錯。 {}.constructor，大括號被理解成複合語句，大括號後面是點運算符，點運算子前沒有合理的物件自然也報錯。

修復方式眾所周知：加個強制運算子()

(function(){})()，(function(){});//強制其理解為函數(語意3 )，"函數()"表示執行函數，即宣告後立即執行了。 ({}).constructor //({})強制把大括號理解成物件直接量(語意2 )，"物件.xx"表示取得物件的成員，自然後面的點運算子可以正常執行了。

function(){}(); 語法錯誤的原因和 ();函數呼叫運算子無關。

本質原因是， function(){} ，根據詞法分析期間將token的有效分組。 function被看成這個ExpressionStatement 的start 位置的第一個token元素。這是EMCA262所不允許的。不允許的原因很明確，就是怕引起函數表達式和函數宣告的歧義。你可以理解為 function 關鍵字永遠不能在一個ExpressionStaement的第一位。

來看看賦值語句f = function(){};

f : LeftHandSideExpression
= : AssignmentOperator

function(){};此時被看做是整個語句的賦值表達式部分即 AssignmentExpression。所以他合理合法的通過了語法檢查,成為了一個函數表達式.FunctionExpression.

所以這時候，即使你 f = function(){}(); 在語法上也是合法的。

javascript中大括號的用法是什麼

javascript中大括號的用法是什麼

相關文章