js构造函数 实例与new对象

Posted 2022-06-10 zhangzheng022

构造函数函数特点

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