构造函数函数特点
1.函数体内使用了this关键字,代表了所要生成的对象实例
2.生成对象的时候必须使用new命令
3每个函数都自动添加一个名称为prototype属性,这是一个对象
4每个对象内部都有一个属性_proto_(规范没有这个名称,但是浏览器都是这么实现)
5指向其类型的prototype,类的实例也是对象,其_prototype_属性指向类的prototype
new命令的作用,就是执行构造函数,返回一个实例对象。
使用new命令是,他后面的函数执行下面的步骤
1创建一个空对象,作为将要返回的对象实例
2将这个空对象的原型,指向构造函数的prototype属性
3将这个空对象复制给函数内部this关键字
4开始执行构造函数内部的代码
如果构造函数内部return语句,后面跟着一个对象,
new命令会返回renturn语句指定的对象否则不管return语句,返回this
var Vehicle = function () {
this.price = 1000;
return 1000;
};
(new Vehicle()) === 1000
// false
上面代码中,构造函数Vehicle的return语句返回一个数值。这时,new命令就会忽略这个return语句,返回“构造”后的this对象。
但是,如果return语句返回的是一个跟this无关的新对象,new命令会返回这个新对象,而不是this对象。这一点需要特别引起注意。
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);
new target 使用这个属性可以判断函数调用时候是否使用new
function f() {
if (!new.target) {
throw new Error('请使用 new 命令调用!');
}
// ...
}
f() // Uncaught Error: 请使用 new 命令调用!
instanceof 是一个操作符可以判断对象是否为某种类型的实例
p1 instanceof Person; // true