2016/07/20 对闭包、构造函数的理解

来源:互联网 发布:数据中心网络拓扑图 编辑:程序博客网 时间:2024/06/05 04:28

所谓闭包:

a = function createFunctions() {

    var result = Array();


    for (var i = 0; i < 10; i++){
        result[i] = function () {
            return i;    
//此处return的是引用的i,实际上是一个指向i的指针,将这个i整体返回给result[i]。因此,result里的值都会随着i的变化而变化。
        }
    }
}


b = function createFunctions() {
    var result = Array();


    for (var i = 0; i < 10; i++){
        result[i] = (function (n) {    而此处的i和n分离开了,将整个()闭包里的东西当做一个对象,给这个对象赋予一个参数i,处理完的结果整体返回给result[i]。
            return function () {
                return n;
            }
        })(i);
    }

};



构造函数,即通过定义函数名来构造一个函数


function createPerson(name, age, job) {
    var o = new Object();
    o.name = name;
    o.age = age;
    o.job = job;
    o.sayName = function () {
        alert("Hello, " + name);
    }
    return o;
}


var person1 = createPerson("Nicholas", 20, "Software Engineer");
var person2 = createPerson("Ryan", 21, "Front-end developer");


/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////   以上像Object和Array这样的原生构造函数,在运行时会自动出现在执行环境中。

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////   下面也可以创建自定义的构造函数,从而定义自定义对象类型的属性和方法。

function Person(name, age, job) {
    this.name = name;
    this.age = age;
    this.job = job;
    this.sayName = function () {
        alert("Hello, " + name);
    }
}


var person1 = new Person("Nicholas", 20, "Software Engineer");
var person2 = new Person("Ryan", 21, "Front-end developer");

////////////////////////////////////////////////////////////////////////////////////////////////////////////////   

此外,在加入以下语句:

alert(person1.constructor);     
alert(Person);

这两个语句的提示内容一样,都指向Person的内容: (constructor是构造函数属性,该属性指向Person)

function Person(name, age, job) {
    this.name = name;
    this.age = age;
    this.job = job;
    this.sayName = function () {
        alert("Hello, " + name);
    }
}

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////

0 0