程序媛小琦(原型与原型链的理解)（上）-CSDN博客

本文链接：https://blog.csdn.net/weixin_54518615/article/details/114950181

原型、原型链

一、原型的概念

JavaScript 的所有对象中都包含了一个 [proto] 内部属性，这个属性所对应的就是自身的原型。
JavaScript 的函数对象，除了原型 [proto] 之外，还有 prototype 属性，当函数对象作为构造函数创建实例时，该 prototype 属性值将被作为实例对象的原型 [proto]。
每个对象都有一个特殊属性叫做原型,在原型上定义的属性和方法会被每一个实例对象共享。

//原型的代码理解
    let zhangsan=new Person()
    let lisi=new Person()
    console.log(zhangsan.name) //undefind
    console.log(lisi.name)//undefind
    zhangsan.name='张三'//给张三改变值
    zhangsan.name//张三
    lisi.name//undefind
    Person.prototype.name='王五'
    lisi.name//王五
    zhangsan.name//张三 (没有变是因为它是实例化属性)
    delete zhangsan.name//把它删了
    zhangsan.name//王五

    zhangsan.children//[](是一个数组)
    zhangsan.children.push('崔鑫琦')//1 (添加一个)
    zhangsan.children//['崔鑫琦']
    lisi.children//['崔鑫琦']
    lisi.children.push('小琦')//2(添加一个)
    lisi.children//['崔鑫琦','小琦']
    zhangsan.children//['崔鑫琦','小琦']
    var wangwu=new Perosn//undefind
    wangwu.children//['崔鑫琦','小琦']

    Person.prototype.sayName=function(){ //在原型上创建了一个方法
        console.log('我叫小崔')
    }
    wangwu.sayName()//我叫小崔
    zhangsan.sayName()//我叫小崔

二、原型链的概念

访问一个对象的属性时，先在基本属性中查找，如果没有，再沿着__proto__这条链向上找，这就是原型链。
解释：
当一个对象调用自身不存在的属性/方法时，就会去自己 [proto] 关联的前辈 prototype 对象上去找，如果没找到，就会去该 prototype 原型 v=[ ‘proto] 关联的前辈 prototype 去找。依次类推，直到找到属性/方法或 undefined 为止。从而形成了所谓的“原型链”。