构造函数和New之间的操作_在function 中new 自身-优快云博客

前言

Javscript是一门面向对象编程的语言，将负责的关系抽象为一个个对象，然后由对象之间的分工与合作，完成对真实世界的模拟。
面向对象的优点：
具有灵活、代码可复用、高度模块化等特点，容易维护开发，比起由一系列函数或指令组成的传统的过程式编程，OOP更适合多人合作的大型软件项目。

1.对象：

对象是单个实物的抽象
对象是一个容器，封装了属性（状态）和方法（行为）。

构造函数

对象通常需要一个模板（构造函数）生成。
Javascript语言的对象体系，不是基于“类”的，而是基于构造函数和原型链的。

构造函数就是专门用来生成实例对象的函数，描述实例对象的基本结构，一个构造函数可以生成多个实例对象，这些实例对象具有相同的结构。

var Friut= function (){
this.price = 1000;
}

这个Fruit就是构造函数，为了区别普通函数，通常首字母大写。

构造函数特点：

函数体内部使用了this关键字，代表了所要生成的对象实例。
生成对象的时候，必须使用new命令。

3.New命令

new命令的作用，就是执行构造函数，返回一个实例对象。

var Friut = function(){
this.price = 1000;
};
var v = new Friut();
console.log(v.price) //1000

使用new命令时候，根据需要，构造函数也可以接受参数。

常考面试题：

new命令原理：

创建一个空对象，作为将要返回的对象实例
将这个空对象的原型，指向构造函数的prototype属性。
将这个空对象赋值给函数内部的this关键字；
开始执行构造函数内部的代码
如果构造函数内部有return 语句，而且return后面跟着一个对象，那么会返回return语句指定的对象，否则，返回this对象。

Note:

如果return语句返回的是一个跟this无关的新对象，new命令会返回这个新对象，而不是this对象。
如果对普通函数（内部没有this关键字的函数）使用new命令，则会返回一个空对象。

构造函数之所以叫“构造函数”，就是说这个函数的目的，就是操作一个空对象（即this对象），将其“构造”为需要的样子。

function getMessage() {
  return 'this is a message';
}

var msg = new getMessage();

msg // {}
typeof msg // "object"

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);

new.target属性

函数内部可以使用new.target属性，如果当前函数是new命令调用，new.target指向当前函数，否则为undefined。

function f2() {
  console.log(new.target === f2);
}

console.log(f2())// false
console.log(new f2())// true

这个属性可以判断函数调用的时候是否使用new命令。

4.Object.create()创建实例对象

构造函数作为模板，可以生成实例对象。但是，有时拿不到构造函数，只能拿到一个现有的对象。我们希望以这个现有的对象作为模板，生成新的实例对象，这时就可以使用Object.create()方法。

var person1 = {
  name: '三’,
  age: 24,
  greeting: function() {
    console.log('Hi! I\'m ' + this.name + '.');
  }
};

var person2 = Object.create(person1);//通过person1来创建一个person2对象

console.log(person2.name)// 三
console.log(person2.greeting() )/ Hi! I'm 三.