立即表达式的多种写法与注意点以及in操作符的作用

立即表达式，在javascript中非常常见， 采用立即表达式可以形成一个局部作用域， 常配合闭包实现模块化编程等其他用途，接下来我们看看，在大多数的框架中，立即表达式都有哪些写法，以及需要注意的点，另外再介绍下in操作符的用法

1、 通过小括号把函数声明变成表达式， 然后再外面加个小括号 就可以达到立即调用的效果

        (function(){
            console.log( 'ghostwu' );
        })();

2、!号 把函数声明转化成表达式，再调用

        !function(){
            console.log( 'ghostwu' );
        }();

3、+号 把函数声明转化成表达式，再调用

        +function(){
            console.log( 'ghostwu' );
        }();

4、-号 把函数声明转化成表达式，再调用

        -function(){
            console.log( 'ghostwu' );
        }();

5、波浪符 把函数声明转表达式，再调用

        ~function(){
            console.log( 'ghostwu' );
        }();

6、把调用写在表达式里面

        (function(){
            console.log( 'ghostwu' );
        }());

 

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

一、1被当做函数调用， 原因在与 没有用分号 把语句隔断，产生歧义

//报错, 1被当做函数 1()
        var n = 1
        (function(){ console.log( 'ghostwu' ) })()

        var n = 1;
        // (function(){ console.log( 'ghostwu' ) })()
        ;(function(){ console.log( 'ghostwu' ) })()

上例为正确的做法

二、下面这种写法，两个立即表达式， 没有用分号隔开，同样产生歧义，报错

         (function(){ console.log('ghostwu1') })()
        (function(){ console.log('ghostwu2') })()

正确的写法：

        ;(function(){ console.log('ghostwu1') })()
        ;(function(){ console.log('ghostwu2') })()

小结：当使用正则表达式， 应该在他的前面加上分号， 在代码压缩的时候就不会出错

in操作符: 判断属性是否在一个对象或者他的原型上

        function CreateObj(){
            // this.name = 'ghostwu'; //true
        }
        CreateObj.prototype.name = 'ghostwu'; //true
        var obj = new CreateObj();
        console.log( 'name' in obj );

 

        var myObj = {
            age : 22
        };
        console.log( 'age' in myObj ); //true
        console.log( 'sex' in myObj ); //false