美文网首页
07.原型链

07.原型链

作者: Fl_来看看 | 来源:发表于2019-06-06 12:12 被阅读0次

1.对象中proto组成的链条我们称之为原型链
2.对象在查找属性和方法的时候, 会先在当前对象查找,如果当前对象中找不到想要的, 会依次去上一级原型对象中查找.如果找到Object原型对象都没有找到, 就会报错

        function Person(myName, myAge) {
            this.name = myName;
            this.age = myAge;
            // this.currentType = "构造函数中的type";
            // this.say = function () {
            //     console.log("构造函数中的say");
            // }
        }

        Person.prototype = {
            // 注意点: 为了不破坏原有的关系, 
           // 在给prototype赋值的时候, 需要在自定义的对象
            //中手动的添加constructor属性, 手动的指定需要指向谁
            constructor: Person,
            // currentType: "人",
            // say: function () {
            //     console.log("hello world");
            // }
        }
        let obj1 = new Person("lnj", 34);
        // obj1.say();
        console.log(obj1.currentType);//对象上读取不到,到原型链上找
        // console.log(Person.prototype.constructor);

注意点: 为了不破坏原有的关系,在给prototype赋值的时候, 需要在自定义的对象,中手动的添加constructor属性, 手动的指定需要指向谁
不添加的话,Person.prototype.constructor===Obeject,因为Person.prototype为一个新的对象,这个对象是Object构造出来的

原型链是通过对象的proto连接起来的,看黄色箭头

333.jpg

规则是这样的:先看对象自己有没有要的属性和方法,没有就到上一级找,再没有就到上一级,直到NULL

例子:假如Person创造了obj1,访问obj1.xx,如果Person有了,也就是obj1有了,若果没有,通过obj1.proto访问构造函数的原型对象,也就是Person原型对象,如果Person原型对象也没有,就通过Person原型对象的.proto即Object原型对象,还是没有的话,最后访问Object原型对象的proto,直到会报错。

4444.jpg

注意点: 在给一个对象不存在的属性设置值的时候, 不会去原型对象中查找, 如果当前对象没有就会给当前对象新增一个不存在的属性

相关文章

  • 07.原型链

    1.对象中proto组成的链条我们称之为原型链2.对象在查找属性和方法的时候, 会先在当前对象查找,如果当前对象中...

  • JavaScript 原型、原型链与原型继承

    原型,原型链与原型继承 用自己的方式理解原型,原型链和原型继承 javascript——原型与原型链 JavaSc...

  • 原型、原型链

    (什么是原型、原型链?有什么作用) JavaScirpt深入之从原型到原型链 图解 Javascript 原型链 ...

  • 原型链&查找规则&作用域链

    原型链(隐式原型链) 属性的查找规则(原型链的查找规则) 作用域链

  • 关于原型原型链的理解

    什么是原型? 什么是原型链? 为什么需要原型,和原型链?

  • 原型链实现继承

    原型链 原型链示意图 使用原型链实现继承 这是怎么回事呢? 原型链在哪? 听我细细道来~ 首先 Teacher 实...

  • 继承

    原型链直接继承 原型链直接继承prototype 原型链继承_prototype属性 继承_构造函数绑定

  • js中的实现继承的几种方式

    大纲:原型链借用构造函数组合继承原型式继承寄生式继承寄生组合式继承 1、原型链: 什么是原型链? 原型链的基本思想...

  • 【原型和原型链】什么是原型和原型链

    【原型和原型链】什么是原型和原型链https://blog.csdn.net/xiaoermingn/articl...

  • js原型链

    目录 1.对象的原型和原型链1.1什么是原型1.2查看原型1.3对象的原型链 2.使用构造函数2.1 函数的原型链...

网友评论

      本文标题:07.原型链

      本文链接:https://www.haomeiwen.com/subject/atgexctx.html