prototype原型对象-constructor构造器-包装对象

一、原型

在每一个构造函数中都拥有一个属性叫做：prototype(原型对象)。
我们可以通过prototype来添加新的属性和方法，并且新增内容为该构造函数的所有对象所共有。
对象间共享数据。
为“类”(系统内置或自定义)增加新的属性、方法，并且新增内容对于当前页面中已经创建的对象也有效。

prototype与proto

prototype对于一个对象来说其实是一个隐藏属性，也就是说对象想找查看自己的原型是很不方便的，为了解决这个问题浏览器就为每一个对象都提供了一个属性：proto。

静态方法与实例方法

在所有的类中都可以拥有两种方法：
静态方法:直接绑定在类上的方法，由类直接调用。
实例方法:绑定在类的prototype上的方法，由该类下的对象调用。

静态方法

    // 判断参数是否为一个数组
    Array.isArray();

    // 获取一个对象所有的key
    Object.keys();

    // 获取对象的原型
    Object.getPrototypeOf();

实例方法

实例方法是我们在开发中使用最多的。

    // 获取字符串中指定字符出现的次数
    String.prototype.getCharCount(char){
        let reg = new RegExp(char,'g');
        let count = 0;
        while(Array.isArray(reg.exec(this))==true){
            count++;
        }
        return count;
    }
    'hello'.getCharCount('l');// 2

原型链

JS中所有的对象都有自己的原型对象(prototype)，而原型对象也拥有自己的原型对象。如果这样一层层上溯，所有对象的原型都可以上溯到Object.prototype，也就是Object构造函数的prototype属性。也就是说，所有的对象都继承了Object.prototype的属性。这也说明了为什么所有的对象都有valueOf和toString方法的原因。
按照这一逻辑接着上溯，找到Object.prototype对象的原型，最终为null。由于null没有任何属性，所以原型链到此为止。

    function Student(){}
    let stu = new Student();
    console.log(Student.prototype);
    console.log(Object.getPrototypeOf(Student.prototype));
    console.log(Object.getPrototypeOf(Student.prototype).constructor);// Object
    console.log(Object.getPrototypeOf(Object.getPrototypeOf(Student.prototype)));// null

二、constructor构造器

每个对象都有一个constructor属性，该属性描述的就是其构造函数。

function Student(){}

let stu = new Student();

stu.prototype.constructor; // function Student(){}

因为constructor属性是由对象的原型对象提供的，所以对象可以直接访问该属性。
我们借此可以通过函数的"name"属性来获取当前对象的"类"名。

stu.constructor.name;// Student

三、包装对象

在讲解包装对象之前我们先思考一个问题，在JS语言中只有对象才能调用方法。

// 创建一个数组对象
let arr = [];
// 数组对象调用方法
arr.push('hello');
arr.push('JS');
arr;// ['hello','JS']

然而有意思的是基本数据类型的值并不是一个对象，但是它们也能够调用方法，例如：

 	let str = 'hello JS';
    str.charAt(4);// 'o'

    let num = 10;
    num.toString();// '10'

所谓“包装对象”，就是将三种值类型相对应的Number,Boolean,String三个原生对象。这三个原生对象可以把原始类型的值变成对象。
我们直接使用一个字符串调用方法的时候其实JS在内部为我们做了一些事情，悄悄的把字符串转换成了字符串对象。当字符串方法调用结束时，JS又会悄悄的把字符串对象转换成原始的值类型的String。

具体步骤如下：

    'hello world'.indexOf('o');
    // JS会在内部执行以下操作
    // 1，将字符串值转换成字符串对象
    let str = new String('hello world');
    str;// String{"hello world"}
    // 2，对象调用方法
    str.indexOf('o');
    //3，将字符串对象再转换成基本数据类型的值
    let str = new String('hello world').valueOf();
    str;// 'hello world'