哪个可以输出1,2,3,4,5
考点:立即执行函数
关于foo2。函数声明后边不可以跟执行符号,没有参数会报错;有参数虽然不报错,但也不执行
写法一:函数表达式
var fun=function(){alert(1)}()
写法二:函数声明包在()中变成函数表达式,然后调用;不加括号直接调用会报错
(function(){alert(1)})()
写法三:如果不用外面包裹的小括号,{}就会理解为复合语句,
那么function(){}就被理解为函数声明,但是没有标识符,所以会报错,
使用小括号以后,就会变成表达式,也会被理解为直接量方式。
(function(){alert(1)}())
写法四:加运算符变表达式
!function(){}()
自执行函数:
①!function(){}();//可以使用多种运算开头,但一般用!
!function(形参列表){}(实参列表);
② (function(){}());//使用()将函数及函数后的括号包裹。
③ (function(){})();//使用()值包裹函数部分。
三种写法的特点:
①使用!开头,结构清晰,不容易混乱,推荐使用;
②能够表明匿名函数与调用的()为一个整体,官方推荐使用。
③无法表明函数与之后的()的整体性,不推荐使用。
插件防止变量污染全局
1:创建唯一一个全局变量,对象类型
var person= {};
person.name = {
"first_name" : "You",
"last_name" : "michael"
};
person.pet = {
petname : "littleMic",
age : 2
};
2:立即执行函数,挂载到window下(插件封装)
(function (params) {
function Test() {
}
Test.prototype = {}
window.Test = Test
})()
var test = new Test()
eg:
;(function () {
function Compute(oper) {
this.x = oper.first
this.y = oper.second
}
Compute.prototype = {
plus: function () {
return this.x + this.y
},
mult: function () {
return this.x * this.y
}
}
window.Compute = Compute 将Compute抛出去供其他页面调用
}())
var com = new Compute({
first: 1,
second: 2
})
console.log(com.plus())
console.log(com.mult())