js构造函数:实例与new对象

摘要:构造函数函数特点1.函数体内使用了this关键字,代表了所要生成的对象实例2.生成对象的时候必须使用new命令3每个函数都自动添加一个名称为prototype属性,这是一个对象4每个对象内部都有一个属性_proto_

构造函数函数特点

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

本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_4505