立即表达式,在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