原型、原型链
一、原型的概念
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 为止。从而形成了所谓的“原型链”。