javascript中的原型链指的是原型对象链接到另一个原型对象并且依此类推,它的作用就是当请求对象不包含属性时,js就会一直向下查看原型链直到找到所要请求的属性或者到链的末尾
javascript是一种基于原型的语言,也就是说javascript中的对象属性和方法可以通过克隆或者扩展实现通用对象共享。这就称为原型继承。接下来在文章中为大家详细介绍javascript中的原型链,希望对大家有所帮助
【推荐课程:javascript教程】
javascript中的每一个东西几乎都可以看作是一个对象,对象包含可以使用的obj.propname 或者是访问的命名属性obj['propname'],每个对象都有一个名为prototype的内部属性,它链接到另一个对象。原型对象也有自己的原型对象依此类推,这就被称为原型链。如果你遵循一个对象的原型链,最终会到达object 原型所在的核心原型,标志着null链的末端。
原型链的作用是当请求对象不包含的属性时,javascript就会向下查看原型链,直到它找到所请求的属性,或者直到它到达链的末尾。这种行为允许我们创建“类”并实现继承。
例
function animal() {}var animal = new animal();
animal通过两种方式向类添加属性。一种是通过将它们设置为实例属性,还有一种是将它们添加到animal原型中
function animal(name) { this.name = name; } animal.prototype.speak = function() { console.log("my name is " + this.name); }; var animal = new animal('monty'); animal.speak();
输出结果:my name is monty
animal当我们在控制台中检查它时,对象的结构变得清晰。我们可以看到name属性属于对象本身,同时speak也是animal原型的一部分。
扩展animal类来创建一个cat类
function cat(name) { animal.call(this, name); }cat.prototype = new animal();var cat = new cat('monty');cat.speak();
输出结果:my name is monty
从上图中我们可以看出cat对象具有自己的name实例属性,同时它也继承animal的name实例属性以及speak原型属性。这就是原型链的作用,当我们请求cat.name时,javascript会找到name实例属性并且不会使用到原型链。但是当我们请求cat.speak时,javascript必须沿着原型链向下移动,直到找到speak继承自的属性animal
总结:以上就是本篇文章的全部内容了,希望对大家有所帮助
以上就是如何理解javascript中的原型链的详细内容。