js函数声明、立即执行函数

哪个可以输出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())