new 命令的原理

    技术2026-01-12  10

    new命令的原理

    var Vehicle = function (p) { this.price = p; }; var v = new Vehicle(500); console.log( v.price ) // 500

    **1.创建一个空对象,作为将要返回的对象实例

    2.把这个空对象赋值给函数内部的 this

    3.把这个空对象的原型,指向这个构造函数的 prototype 属性 // v.proto === Vehicle.prototype

    4.开始执行构造函数内部的代码**

    // 如果构造函数内部有return语句,而且return后面跟着一个对象,new命令会返回return语句指定的对象;否则,就会不管return语句,返回this对象。 var Vehicle = function () { this.price = 1000; return {age:1000}; }; new Vehicle() // {age:1000} (new Vehicle()) === {age:1000} // false 内存地址不一样 // new命令简化的内部流程,可以用下面的代码表示。 function _new(/* 构造函数 */ constructor, /* 构造函数参数 */ params) { // 将 arguments 对象转为数组 var args = [].slice.call(arguments); // 取出构造函数 var constructor = args.shift(); // 创建一个空对象,继承构造函数的 prototype 属性 var context = Object.create(constructor.prototype); // 执行构造函数 var result = constructor.apply(context, args); // 如果返回结果是对象,就直接返回,否则返回 context 对象 return (typeof result === 'object' && result != null) ? result : context; } // 实例 var actor = _new(Person, '张三', 28);
    Processed: 0.016, SQL: 9