js构造函数(原型链)及Es6的class类

js函数

首先弄明白何为函数呢，函数简单的说就是重复执行的代码块。函数是这样的一段JavaScript 代码，它只定义一次，但可能被执行或调用任意次。

函数的定义方式：

1.声明式函数定义： function fuc (){}；这种定义方式，会将函数声明提升到该函数所在作用域的最开头，只在这个作用域内，你都可以调用这个函数。
2.函数表达式：let fuc = function(){}; 此方式定义的函数，只能在该作用域中，这段赋值代码执行之后才能通过fun（）调用函数，否则，由于变量声明提升，fuc === undefined。
3.new Function（构造函数） 形式： var fuc = new Function (arg1 , arg2 ,arg3 ,…, argN , body )；Function构造函数所有的参数都是字符串类型,都作为生成函数的参数即形参。除了最后一个参数, 最后一个参数, 表示的fnc函数的“函数体”。

var add = new Function(
  'x',
  'y',
  'return x + y' //函数体
);
// 等同于
function add(x, y) {
  return x + y;
}

总结：1 、第一种和第二种函数的定义的方式其实是第三种new Function 的语法糖，当我们定义函数时候都会通过 new Function 来创建一个函数，只是前两种为我们进行了封装，我们看不见了而已，js 中任意函数都是Function 的实例。2、ECMAScript 定义的 函数实际上是功能完整的对象。

二、构造函数

定义：通过 new 函数名 来实例化对象的函数叫构造函数。任何的函数都可以作为构造函数存在。
　　之所以有构造函数与普通函数之分，主要从功能上进行区别的，构造函数的主要 功能为 初始化对象，特点是和new 一起使用。
　　new就是在创建对象，从无到有，构造函数就是在为初始化的对象添加属性和方法。构造函数定义时首字母大写（规范）。

new构造函数过程：

1. new 申请内存（在内存中创建一个空对象）
2. this指向创建的新对象
3. 执行函数内部的代码，给空对象添加属性和方法
4. 返回这个空对象

当调用new时，后台会隐式执行new Object()创建对象。所以，通过new创建的字符串、数字是引用类型，而是非值类型。

1、常用的构造函数：

• var arr = []; 为 var arr = new Array(); 的语法糖。
• ar obj = {} 为 var obj = new Object(); 的语法糖
• var date = new Date();

2、执行构造函数时发生的事 ：

function Foo(name,age,sex){
　this.name = name;
　this.age = age;
　this.sex = sex;
}
Foo.prototype.belief = function(){
　console.log('信仰！');
}
let f = new Foo ('zh',18,'男');

a . let f = {}; //一个继承自 Foo.prototype 的新对象被创建。
b. f.proto = Foo.prototype; // f 继承 Foo的原型。
b Foo.call(f,‘zh’,18,‘男’); //执行Foo函数，将name,age,sex 参数传入Foo中执行，此时函数内部this 为 new 创建的 f对象，所以 f.name = ‘zh’;f.age = 18; f.sex = ‘男’；
c. 实例化对象完成，此时
f = {
　name:‘zh’,
　age:18,
}
d. f.belief(); 打印

手写new函数

function newTest (constructFunction){
　let obj = {};
　obj.__proto__ = constructFunction.prototype;
　return function(){
　　constructFunction.apply(obj,arguments);
　　return obj;
　}
}

注意：当构造函数中有返回对象时候，最终new出来的对象会是构造函数的返回值，而不是new过程中生成的对象。仅当构造函数返回值是对象时有效，当不是对象时依旧返回new过程中形成的对象（无论如何new 构造函数之后都会返回一个对象值）。
原型链：

1、所有的引用类型（数组、函数、对象）可以自由扩展属性（除null以外）。

2、所有的引用类型都有一个_ _ proto_ _属性(也叫隐式原型，它是一个普通的对象)。

3、所有的函数都有一个prototype属性(这也叫显式原型，它也是一个普通的对象)。

4、所有引用类型，它的_ _ proto_ _属性指向它的构造函数的’prototype’属性。

5、当试图得到一个对象的属性时，如果这个对象本身不存在这个属性，那么就会去它的_ _ proto_ _属性(也就是它的构造函数的’prototype’属性)中去寻找。

三、ES6 中 class 与构造函数的关系

class 为 构造函数的语法糖，即 class 的本质是 构造函数。class的继承 extends 本质 为构造函数的原型链的继承。

例如：
类的写法

class Person{  //定义一个名字为Person的类
　constructor(name,age){ //constructor是一个构造方法，用来接收参数
　　　this.name = name;  //this代表实例对象
　　　this.age = age;
　}　
　say(){  //这是一个类的方法，注意千万不要加上function
　　　return   this.name + this.age
　}
}
var obj = new Person('老铁'，18);
console.log(obj.say());

构造函数的写法

function Person(name,age){
　if(!(this instanceof Person)){ //避免使用者不小心讲Person当作普通函数执行
　　throw new Error(''请使用 new Person"); //仿ES6 class 中的写法
　}
　this.name = name;
　this.age = age;
}
Person.prototype.say = function(){
　return   this.name + this.age
}　　
var obj = new Person('老铁'，18);   //通过构造函数创建对象，必须使用new运算符
console.log(obj.say());

总结：通过class定义的类 和通过构造函数定义的类 二者本质相同。并且在js执行时，会将第一种转会为第二种执行。所以 ES6 class的写法实质就是构造函数。