实例化构造函数,获取对象
let f= new F()
- 新建了一个对象 obj = {}
- 这个新对象被执行[[prototype]]连接,即将obj的_proto_指向构造函数的prototype对象(obj.__proto__ = F.prototype)
- 将构造函数F的作用域赋值给obj,即将构造函数this指向obj
- 执行构造函数中的代码(即执行F(),此时F的this为obj;为新对象obj添加属性)
- 如果函数没有返回其他对象,那么返回新对象 obj。否则,返回引用类型的值。
// 定义构造函数
function Fa (attr1, attr2) {
this.attr1 = attr1
this.attr2 = attr2
this.func = function () {
console.log(`hello function`)
}
}
// 构造函数的原型属性
Person.prototype.protoAttr = 'protoAttr'
// 实例化
let p = new Fa(1, 2)
//1.var obj = {};
//2.obj._proto_ = Fa.prototype();
//3.Fa.call(obj,1, 2);
//4.obj.attr1=1,obj.attr2=2,obj.func=function () { console.log(`hello function`)},obj.__proto__.protoAttr = 'protoAttr'
//5.return obj
Tips:如果函数返回的是基本类型值,实际会生成一个对象,返回obj;如果是函数返回的是引用类型值,则实际返回的是该引用类型值.
关于返回对象
构造函数通常不使用return关键字,它们通常初始化新对象,当构造函数的函数体执行完毕时,它会显式返回。在这种情况下,构造函数调用表达式的计算结果就是这个新对象的值
function fn(){ this.a = 2; }
var test = new fn();
console.log(test);//{a:2}
如果构造函数使用return语句但没有指定返回值,或者返回一个原始值,那么这时将忽略返回值,同时使用这个新对象作为调用结果
function fn(){ this.a = 2; return; }
var test = new fn();
console.log(test);//{a:2}
如果构造函数显式地使用return语句返回一个对象,那么调用表达式的值就是这个对象
var obj = {a:1};
function fn(){ this.a = 2; return obj; }
var test = new fn();
console.log(test);//{a:1}
延伸
实现一个new的功能
function myNew(constrc, ...args) {
// 1,2 创建一个对象obj,将obj的[[prototype]]属性指向构造函数的原型对象
// 即实现:obj.__proto__ === constructor.prototype
const obj = Object.create(constrc.prototype)
// 3.将constrc内部的this(即执行上下文)指向obj,并执行
const result = constrc.apply(obj, args);
// 4. 如果构造函数返回的是对象,则使用构造函数执行的结果。否则,返回新创建的对象
return result instanceof Object ? result : obj;
}
// 使用的例子:
function Person(name, age){
this.name = name;
this.age = age;
}
const person1 = myNew(Person, 'Tom', 20)
console.log(person1) // Person {name: "Tom", age: 20}