什么是javascript原型链 javascript原型,原型链 有什么特点
各位老铁们,大家好,今天由我来为大家分享什么是javascript原型链,以及javascript原型,原型链 有什么特点的相关问题知识,希望对大家有所帮助。如果可以帮助到大家,还望关注收藏下本站,您的支持是我们最大的动力,谢谢大家了哈,下面我们开始吧!
如何理解JavaScript中的原型链
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
js原型链是什么
原型链是一种机制,指的是JavaScript每个对象包括原型对象都有一个内置的[[proto]]属性指向创建它的函数对象的原型对象,即prototype属性。
作用:原型链的存在,主要是为了实现对象的继承。
关于原型链的几个概念:
1、函数对象
在JavaScript中,函数即对象。
2、原型对象
当定义一个函数对象的时候,会包含一个预定义的属性,叫prototype,这就属性称之为原型对象。
//函数对象
function F(){};
console.log(F.prototype)
3、__proto__
JavaScript在创建对象的时候,都会有一个[[proto]]的内置属性,用于指向创建它的函数对象的prototype。原型对象也有[[proto]]属性。因此在不断的指向中,形成了原型链。
举个例子来说,我们将对象F的原型对象修改一下,就可以清楚看到上述的关系
//函数对象
function F(){};
F.prototype={
hello: function(){}
};
var f= new F();
console.log(f.__proto__)
4、new
当使用new去调用构造函数时,相当于执行了
var o={};
o.__proto__= F.prototype;
F.call(o);因此,在原型链的实现上,new起到了很关键的作用。
5、constructor
原型对象prototype上都有个预定义的constructor属性,用来引用它的函数对象。这是一种循环引用。
function F(){};
F.prototype.constructor=== F;在实际运用中,经常会有下列的写法
function F(){};
F.prototype={
constructor: F,
doSomething: function(){}
}这里要加constructor是因为重写了原型对象,constructor属性就消失了,需要自己手动补上。
6、原型链的内存结构
function F(){
this.name='zhang';
};
var f1= new F();
var f2= new F();
javascript原型,原型链 有什么特点
javascript原型,原型链特点:原型链实现了继承。
JS中每个函数都存在有一个原型对象属性prototype。并且所有函数的默认原型都是Object的实例。每个继承父函数的子函数的对象都包含一个内部属性proto。该属性包含一个指针,指向父函数的prototype。若父函数的原型对象的_proto_属性为再上一层函数。在此过程中就形成了原型链。
原型链的作用是用来实现继承,比如我们新建一个数组,数组的方法就是从数组的原型上继承而来的。
var arr= [];
arr.map=== Array.prototype.map//arr.map
是从arr.__proto__上继承下来的,arr.__proto__也就是Array.prototype。
扩展资料:
1.JS中每个函数都存在有一个原型对象属性prototype。并且所有函数的默认原型都是Object的实例。
2.每个继承父函数的子函数的对象都包含一个内部属性_proto_。该属性包含一个指针,指向父函数的prototype。若父函数的原型对象的_proto_属性为再上一层函数。在此过程中就形成了原型链。
3.原型链实现了继承。原型链存在两个问题:a包含引用类型值的原型属性会被所有实例共享。b在创建子类型时,无法向超类型的构造函数中传递参数。
参考资料:百度百科-javascript
js原型和原型链的理解是什么
讲原型和原型链,如果是讲定义,那很是晦涩难懂,今天我们就通俗易懂的说说原型与原型链。还需要借助阮老师的“Javascript继承机制的设计思想”。
1,比如我们还要针对学生统计每个人的总分是多少,我们改造构造函数Person,构造函数上有个 prototype属性,这个属性就是这个构造函数的原型(显式原型),这个原型是函数特有,prototype对象默认有两个属性,constructor属性和__proto__属性。
2,constructor,这个属性包含了一个指针,指回原构造函数。通过控制台输出,我们可以看到我们实例化的对象,有个__proto__属性,这个属性就是隐式原型,这个__proto__是所有对象都有的属性。
3,由于JavaScript的一切都是对象(除undefined),又由于所有对象都有__proto__属性,__proto__又指向构造函数的prototype,当我们访问一个对象的属性时。
4,如果这个对象内部不存在这个属性,那么他就会去__proto__里找这个属性,这个__proto__又会有自己的__proto__,于是就这样一直找下去,也就是我们平时所说的原型链的概念。原型链,说明是链式,而不是环,说明有终点,它的终点是null。
好了,文章到这里就结束啦,如果本次分享的什么是javascript原型链和javascript原型,原型链 有什么特点问题对您有所帮助,还望关注下本站哦!