立即表达式,在javascript中非常常见, 采用立即表达式可以形成一个局部作用域, 常配合闭包实现模块化编程等其他用途,接下来我们看看,在大多数的框架中,立即表达式都有哪些写法,以及需要注意的点,另外再介绍下in操作符的用法
1、 通过小括号把函数声明变成表达式, 然后再外面加个小括号 就可以达到立即调用的效果
1 (function(){2 console.log( 'ghostwu' );3 })();
2、!号 把函数声明转化成表达式,再调用
1 !function(){2 console.log( 'ghostwu' );3 }();
3、+号 把函数声明转化成表达式,再调用
1 +function(){2 console.log( 'ghostwu' );3 }();
4、-号 把函数声明转化成表达式,再调用
1 -function(){2 console.log( 'ghostwu' );3 }();
5、波浪符 把函数声明转表达式,再调用
1 ~function(){2 console.log( 'ghostwu' );3 }();
6、把调用写在表达式里面
1 (function(){2 console.log( 'ghostwu' );3 }());
使用立即表达式,需要注意的地方:
一、1被当做函数调用, 原因在与 没有用分号 把语句隔断,产生歧义
1 //报错, 1被当做函数 1()2 var n = 13 (function(){ console.log( 'ghostwu' ) })()1 var n = 1;2 // (function(){ console.log( 'ghostwu' ) })()3 ;(function(){ console.log( 'ghostwu' ) })()
上例为正确的做法
二、下面这种写法,两个立即表达式, 没有用分号隔开,同样产生歧义,报错
1 (function(){ console.log('ghostwu1') })()2 (function(){ console.log('ghostwu2') })()
正确的写法:
1 ;(function(){ console.log('ghostwu1') })()2 ;(function(){ console.log('ghostwu2') })()
小结:当使用立即表达式, 应该在他的前面加上分号, 在代码压缩的时候就不会出错
in操作符: 判断属性是否在一个对象或者他的原型上
1 function CreateObj(){2 // this.name = 'ghostwu'; //true3 }4 CreateObj.prototype.name = 'ghostwu'; //true5 var obj = new CreateObj();6 console.log( 'name' in obj );
1 var myObj = {2 age : 223 };4 console.log( 'age' in myObj ); //true5 console.log( 'sex' in myObj ); //false