JavaScript中大括號(hào)的用法:1、用于組織復(fù)合語(yǔ)句;2、用于定義一個(gè)對(duì)象,大部分情況下要有成對(duì)的屬性和值;3、用于聲明函數(shù)或函數(shù)直接量;4、用作結(jié)構(gòu)化異常處理的語(yǔ)法符號(hào)。
本教程操作環(huán)境:windows10系統(tǒng)、javascript1.8.5版、Dell G3電腦。
javascript中大括號(hào)的用法是什么
Javascript中大括號(hào)"{}"有四種語(yǔ)義作用:
語(yǔ)義1. 組織復(fù)合語(yǔ)句,這是最常見的:
if( condition ) { //... }else { //... } for() { //... }
語(yǔ)義2,對(duì)象直接量聲明:
var obj = { name : 'jack', age : 23 };
整個(gè)是個(gè)賦值語(yǔ)句,其中的{name:'jack',age:23}是個(gè)表達(dá)式。
語(yǔ)義3,聲明函數(shù)或函數(shù)直接量:
function f1(){ //... } var f2 = function(){ //... }
f1與非f2的區(qū)別是前者在語(yǔ)法解釋期,后者在運(yùn)行期。區(qū)別在于:如果調(diào)用該函數(shù)的代碼在函數(shù)定義之后,則沒有區(qū)別;如果調(diào)用該函數(shù)的代碼在函數(shù)定義之前,則f1仍然可以調(diào)用,f2則會(huì)報(bào)錯(cuò),提示f2未定義。
語(yǔ)義4,結(jié)構(gòu)化異常處理的語(yǔ)法符號(hào):
try { //... }catch( ex ){ //... }finally{ //... }
這里的大括號(hào)與符合語(yǔ)句(語(yǔ)義1 )是有區(qū)別的,大括號(hào)中如果只有一條語(yǔ)句,在if/else/for等中大括號(hào)是可以省略的,但try/catch/finally則不能省略。
以下代碼糾結(jié)了偶N久:
function(){}() //匿名函數(shù)立即執(zhí)行, 語(yǔ)法分析期報(bào) {}.constructor //獲取對(duì)象直接量的構(gòu)造器,語(yǔ)法分析期報(bào)錯(cuò)
令人不解的是為何[].constructor這么寫卻不報(bào)錯(cuò)呢,一個(gè)是想獲取對(duì)象直接量的構(gòu)造器,一個(gè)是獲取數(shù)組直接量的構(gòu)造器而已。
當(dāng)然添加個(gè)變量接收也不會(huì)報(bào)錯(cuò),var c = {}.constructor;
同樣的情況如:var fn = function(){}(),也不會(huì)報(bào)錯(cuò)。
實(shí)際上是js的"語(yǔ)句優(yōu)先"在作怪,即{}被理解成復(fù)合語(yǔ)句塊(語(yǔ)義1 )而不是對(duì)象直接量(語(yǔ)義2 )或聲明函數(shù)(語(yǔ)義3 )的語(yǔ)義。
function(){}(),大括號(hào)被理解成復(fù)合語(yǔ)句,自然前面的function()聲明函數(shù)的語(yǔ)法不完整導(dǎo)致語(yǔ)法分析期出錯(cuò)。{}.constructor,大括號(hào)被理解成復(fù)合語(yǔ)句,大括號(hào)后面是點(diǎn)運(yùn)算符,點(diǎn)運(yùn)算符前沒有合理的對(duì)象自然也報(bào)錯(cuò)。
修復(fù)方式眾所周知:加個(gè)強(qiáng)制運(yùn)算符()
(function(){})(),(function(){});//強(qiáng)制其理解為函數(shù)(語(yǔ)義3 ),"函數(shù)()"表示執(zhí)行該函數(shù),即聲明后立即執(zhí)行了。({}).constructor //({})強(qiáng)制把大括號(hào)理解成對(duì)象直接量(語(yǔ)義2 ),"對(duì)象.xx"表示獲取對(duì)象的成員,自然后面的點(diǎn)運(yùn)算符可以正常執(zhí)行了。
function(){}(); 語(yǔ)法錯(cuò)誤的原因和 ();函數(shù)調(diào)用運(yùn)算符無關(guān)。
本質(zhì)原因是, function(){} ,根據(jù)詞法分析期對(duì)token的有效分組。function被看成這個(gè)ExpressionStatement 的start 位置的第一個(gè)token元素。這是EMCA262所不允許的。不允許的原因很明確,就是怕引起函數(shù)表達(dá)式和函數(shù)聲明的歧義。你可以理解為 function 關(guān)鍵字永遠(yuǎn)不能在一個(gè)ExpressionStaement的首位。
來看看賦值語(yǔ)句f = function(){};
f : LeftHandSideExpression = : AssignmentOperator
function(){};此時(shí)被看做是整個(gè)語(yǔ)句的賦值表達(dá)式部分即 AssignmentExpression。 所以他合理合法的通過了語(yǔ)法檢查,成為了一個(gè)函數(shù)表達(dá)式.FunctionExpression.
所以這時(shí)候,即使你 f = function(){}(); 在語(yǔ)法上也是合法的。