javascript 自执行匿名函数

1、函数声明和函数表达式

function func(){ //函数声明
            ...
 }

函数表达式又分为两种

第一种是命名函数表达式

var func = function box(){
            ...
}

注意：上述表达式，func可以在全局范围内找到，而box只能再函数体内使用

第二种是匿名函数表达式

var func = function (){ //把一个匿名函数赋值给一个变量
            ...
        }

2、自执行的匿名函数

在全局作用域内定义的所有东西，在任何地方都能找到

var func = function(){
        console.log('Hello world!')
}
func()    //Hello world!

为了不让自己的变量和函数暴露在全局作用域中，我们可以封装在函数内部

var func = function(){
        var greeting = 'Hello world!'
}
console.log(greeting)   //Uncaught ReferenceError: greeting is not defined

上面是显示的调用，更简洁的写法就是像下面这样

(function(){
    var greeting = 'Hello world!'
}())
console.log( greeting ) //Uncaught ReferenceError: greeting is not defined

这就是自执行匿名函数,向自执行的匿名函数传递参数

(function(myVar){
    alert(myVar)
}("Hello world")) //Hello world

例子1：

var person = (function(){
    var name = 'Nelsen',
          age = 30;
    return {
        name : name + '-' + age,
        age : age
            }
})()
person.age = 60;
console.log( person.age )
console.log( person.name ) //Nelsen-30
console.log( person.age )     //30
console.log( person.name ) //Nelsen-30

此例中，匿名函数返回了一个对象，此对象有两个属性！当我们要重新设置内部属性时，无法覆盖

    var person = (function(){
            var name = 'Nelsen',
            age = 30;
            return {
                name : function(){
                    return name + '-' + age;
                },
                setAge : function( newAge ){
                    age = newAge;
                }
                
            }
        })()
        console.log( person.name() ) //Nelsen-30
        person.setAge(80);     //30
        console.log( person.name() ) //Nelsen-80

像上例这样改写就能更新了

例子2：

    var person = (function(){
            var name = 'Nelsen';
            return { name : name } //将变量保存为对象上名字相同的属性,然后由模块模式返回该对象
        })()
    console.log(person.name)  //Nelsen

闭包是阻止垃圾回收器将变量从内存中移除的方法，使得在创建变量的执行环境外面能访问到该变量

    var person = (function(){
            var name = 'Nelsen222';
            return { name : function(){
                return name
            } } 
     })()
    console.log(person.name())  //Nelsen

3、对象中的this，this指向当前的对象

var person = {
            name : 'Nelsen',
            getName : function(){
                console.log( this.name )
            }
        }
person.getName()  //Nelsen

此时的this指向全局window,找不到name值

var person = {
     name : 'Nelsen',
     getName : function(){
          return function(){
              console.log( this.name )
                }
            }
 }
person.getName()() //无法打印

稍加矫正

var person = {
            name : 'Nelsen',
            getName : function(){
                var that = this;
                return function(){
                    console.log( that.name )
                }
            }
        }
person.getName()() //Nelsen