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

本文详细解析了JavaScript中闭包的概念及其实现方式,并对比了两种不同的闭包实现效果。同时介绍了构造函数的使用方法,包括原生构造函数与自定义构造函数的区别及其应用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

所谓闭包:

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);
    }
}

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值