發(fā)現一篇JS中比較容易迷惑的語法的解釋,挺有用的,轉載下,與大家分享:

?

js中大括號有四種語義作用

語義1，組織復合語句,這是最常見的

?

?

Js代碼?

1. if(?condition?)?{ ??
2. ??//... ??
3. }else?{ ??
4. ??//... ??
5. } ??
6. for()?{ ??
7. ??//... ??
8. }??

?

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

?

語義2，對象直接量聲明

?

?

Js代碼?

1. var?obj?=?{ ??
2. ????name?:?'jack', ??
3. ????age?:?23 ??
4. };??

?

var obj = {name : 'jack',age : 23
};

?

整個是個賦值語句，其中的{name:'jack',age:23}是個表達式，單獨存在也不會出現語法錯誤的。

?

?

語義3，聲明函數或函數直接量

?

?

Js代碼?

1. function?f1(){ ??
2. ????//... ??
3. } ??
4. ??
5. var?f2?=?function(){ ??
6. ????//... ??
7. }??

?

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

?

?

f1與非f2的區(qū)別是前者在語法解釋期，后者在運行期。區(qū)別在于：如果調用該函數的代碼在函數定義之后，則沒有區(qū)別；如果調用該函數的代碼在函數定義之前，則f1仍然可以調用，f2則會報錯，提示f2未定義。

?

語義4，結構化異常處理的語法符號

?

?

Js代碼?

1. try?{ ??
2. ????//... ??
3. }catch(?ex?){ ??
4. ????//... ??
5. }finally{ ??
6. ????//... ??
7. }??

?

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

?

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

?

?

以下代碼糾結了偶N久

?

?

Js代碼?

1. function(){}()?//匿名函數立即執(zhí)行，?語法分析期報錯 ??
2. ??
3. {}.constructor?//獲取對象直接量的構造器，語法分析期報錯??

?

function(){}() //匿名函數立即執(zhí)行， 語法分析期報錯{}.constructor //獲取對象直接量的構造器，語法分析期報錯

?

?

令人不解的是為何[].constructor這么寫卻不報錯呢，一個是想獲取對象直接量的構造器，一個是獲取數組直接量的構造器而已。

?

當然添加個變量接收也不會報錯

var c = {}.constructor;

同樣的情況如

var fn = function(){}()，也不會報錯。

實際上是js的“語句優(yōu)先”在作怪，即{}被理解成復合語句塊(語義1 )而不是對象直接量(語義2 )或聲明函數(語義3 )的語義。

?

function(){}()，大括號被理解成復合語句，自然前面的function()聲明函數的語法不完整導致語法分析期出錯。
{}.constructor，大括號被理解成復合語句，大括號后面是點運算符，點運算符前沒有合理的對象自然也報錯。

修復方式眾所周知：加個強制運算符()
(function(){})()，(function(){});//強制其理解為函數(語義3 )，“函數()”表示執(zhí)行該函數，即聲明后立即執(zhí)行了。
({}).constructor //({})強制把大括號理解成對象直接量(語義2 )，“對象.xx”表示獲取對象的成員，自然后面的點運算符可以正常執(zhí)行了。

?

轉自:http://www.javaeye.com/topic/667861

?

總結:

從該文章可以看出,JS?在語法解析期和運行期對JS語法的解釋是略微有點不同的,寫法上有以下注意:

var b=function(){}(); //運行期 當然 var b=(function(){})();也可以

(function(){})()//語法解析期只能這樣寫

?

延伸:JQUERY插件編寫需要預先運行篇

如果注意一些JQ插件,你經常會發(fā)現以下代碼:

(function($){$(function(){/*code*/})}($))

?如果你看了上面的文章,你就會發(fā)現為什么會有這個東西了,很多JQ的插件都需要在沒有使用的時候就預先運行的,

不過我編寫的時候到很少遇到會寫這樣的插件.

通過以上的方法注冊的JQ插件的全局變量不會污染JS環(huán)境的全局變量.如果沒有全局變量的插件當然可以不這樣寫,其實JQ對插件全局變量的儲存也有相應的替換方案,就是用$(this).data("var","value")來儲存相應的插件全局數據,如果插件不需要預先運行的,又要存放插件的全局數據,用以上的兩個方法都可以,根據自己喜歡的做吧~

轉載于:https://www.cnblogs.com/liushannet/archive/2010/10/28/1863941.html

總結

以上是生活随笔為你收集整理的在JS中最常看到切最容易迷惑的语法(转)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。