立即表達式的多種寫法與注意點以及in操作符的作用

meislzhua 發(fā)布于2019-08-20 18:52 / 875人閱讀

摘要：立即表達式，在中非常常見，采用立即表達式可以形成一個局部作用域，常配合閉包實現(xiàn)模塊化編程等其他用途，接下來我們看看，在大多數(shù)的框架中，立即表達式都有哪些寫法，以及需要注意的點，另外再介紹下操作符的用法通過小括號把函數(shù)聲明變成表達式，然后再外

立即表達式，在javascript中非常常見，采用立即表達式可以形成一個局部作用域，常配合閉包實現(xiàn)模塊化編程等其他用途，接下來我們看看，在大多數(shù)的框架中，立即表達式都有哪些寫法，以及需要注意的點，另外再介紹下in操作符的用法

1、通過小括號把函數(shù)聲明變成表達式，然后再外面加個小括號就可以達到立即調(diào)用的效果

1         (function(){
2             console.log( "ghostwu" );
3         })();

2、!號把函數(shù)聲明轉(zhuǎn)化成表達式，再調(diào)用

1         !function(){
2             console.log( "ghostwu" );
3         }();

3、+號把函數(shù)聲明轉(zhuǎn)化成表達式，再調(diào)用

1         +function(){
2             console.log( "ghostwu" );
3         }();

4、-號把函數(shù)聲明轉(zhuǎn)化成表達式，再調(diào)用

1         -function(){
2             console.log( "ghostwu" );
3         }();

5、波浪符把函數(shù)聲明轉(zhuǎn)表達式，再調(diào)用

1         ~function(){
2             console.log( "ghostwu" );
3         }();

6、把調(diào)用寫在表達式里面

1         (function(){
2             console.log( "ghostwu" );
3         }());

使用立即表達式，需要注意的地方：

一、1被當做函數(shù)調(diào)用，原因在與沒有用分號把語句隔斷，產(chǎn)生歧義

1 //報錯, 1被當做函數(shù) 1()
2         var n = 1
3         (function(){ console.log( "ghostwu" ) })()

1         var n = 1;
2         // (function(){ console.log( "ghostwu" ) })()
3         ;(function(){ console.log( "ghostwu" ) })()

上例為正確的做法

二、下面這種寫法，兩個立即表達式，沒有用分號隔開，同樣產(chǎn)生歧義，報錯

1          (function(){ console.log("ghostwu1") })()
2         (function(){ console.log("ghostwu2") })()

正確的寫法：

1         ;(function(){ console.log("ghostwu1") })()
2         ;(function(){ console.log("ghostwu2") })()

小結(jié)：當使用立即表達式，應(yīng)該在他的前面加上分號，在代碼壓縮的時候就不會出錯

in操作符: 判斷屬性是否在一個對象或者他的原型上

1         function CreateObj(){
2             // this.name = "ghostwu"; //true
3         }
4         CreateObj.prototype.name = "ghostwu"; //true
5         var obj = new CreateObj();
6         console.log( "name" in obj );

1         var myObj = {
2             age : 22
3         };
4         console.log( "age" in myObj ); //true
5         console.log( "sex" in myObj ); //false