js prototype 原型

  //https://xxxgitone.github.io/2017/06/10/JavaScript%E5%88%9B%E5%BB%BA%E5%AF%B9%E8%B1%A1%E7%9A%84%E4%B8%83%E7%A7%8D%E6%96%B9%E5%BC%8F/  出处
        function Person() {

        }
        Person.prototype.name = ‘jiang‘;   //为对象 添加属性和方法
        var person1 = new Person();
        var person2 = new Person();
        console.log(person1.name) //jiang
        console.log(person2.name) // jiang

        // console.log(Object.getPrototypeOf(person1)); //输出指定对象原型
        // console.log(Person.prototype);  //输出原型


        //function Person() {
        //}
        //var person1 = new Person();
        //console.log(person1.proto === Person.prototype) // true    对象的proto属性 指向函数原型
        //person1 instanceof Person // true     instanceof操作符处理对象和函数之间的关系


        //Person.prototype.isPrototypeOf(person1) // true      指向调用此方法的对象 返回true   调用通过原型添加的属性或方法
        //Person.prototype.isPrototypeOf(person2) // true

        //Object.getPrototypeOf(person1) === Person.prototype // true   // 获取对象原型

        //function Person() {
        //}
        //Person.prototype.constructor === Person // true   //这个属性其实就是将原型对象指向关联的构造函数

        //function Person() {
        //}
        //var person1 = new Person()
        //person1.constructor === Person  // true    //那岂不是实例person1也有.constructor属性，其实没有，通过原型链在原型Person.prtototype上面找到的


        function Person() {
        }
        // 原型属性
        Person.prototype.name = ‘Jiang‘;
        var person1 = new Person()
        // 实例属性
        person1.name = ‘J‘;
        console.log(person1.name) // J    //如果在实例属性上没有找到的话，就会在实例的原型上去找，如果原型上还没有，就继续到原型的原型上去找，直到尽头 Object.prototype

        function Person() {
        }
        // 原型属性
        Person.prototype.name = ‘Jiang‘;
        var person1 = new Person()
        console.log(person1.name) // Jiang   //上面代码中person1实例并没有name属性，但仍然可以输出值，就是在原型上找到的

        function Person() {
        }
        var person1 = new Person()
        // 实例属性
        person1.name = ‘j‘;
        person1.hasOwnProperty(‘name‘)  // true   //使用方法hasOwnProperty,属性只有存在于实例中才会返回true

        function Person() {
        }
        Person.prototype.age = ‘100‘;
        var person1 = new Person()
        person1.name = ‘j‘;

        ‘name‘ in person1 // true
        ‘age‘ in person1  // true   //前面提到hasOwnProperty方法可用于检测属性是否是实例属性，in则会遍历所有属性，不管是实例上的，还是原型上的

        //in操作符有两种使用方式，单独使用和在for - in循环中使用, 先上基础代码
        //fon-in, 会遍历所有能够通过对象访问的、可枚举的(enumerated)属性,不管是实例上，还是原型上
        for (var prop in person1) {
            console.log(prop)  // name age
        }

        //Object.keys() 此方法可以获取对象的所有可枚举的属性的名字
        var keys = Object.keys(person1)
        console.log(keys) // ["name"]

        var keys = Object.keys(Person.prototype)
        console.log(keys) // ["age"]

        //原型对象Person.prototype的原型就是Object.prototype