javascript中大括號的用法是什麼

WBOY
發布: 2022-03-24 16:13:16
原創
3494 人瀏覽過

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

javascript中大括號的用法是什麼

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

javascript中大括號的用法是什麼

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

語義1. 組織複合語句,這是最常見的:

if( condition ) {
  //...
}else {
  //...
}
for() {
  //...
}
登入後複製

語意2,物件直接量宣告:

var obj = {
    name : 'jack',
    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中大括號的用法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板