首页编程java编程什么是javascript原型链 javascript原型,原型链 有什么特点

什么是javascript原型链 javascript原型,原型链 有什么特点

编程之家2023-10-1388次浏览

各位老铁们,大家好,今天由我来为大家分享什么是javascript原型链,以及javascript原型,原型链 有什么特点的相关问题知识,希望对大家有所帮助。如果可以帮助到大家,还望关注收藏下本站,您的支持是我们最大的动力,谢谢大家了哈,下面我们开始吧!

什么是javascript原型链 javascript原型,原型链 有什么特点

如何理解JavaScript中的原型链

JavaScript中的原型链指的是原型对象链接到另一个原型对象并且依此类推,它的作用就是当请求对象不包含属性时,js就会一直向下查看原型链直到找到所要请求的属性或者到链的末尾

JavaScript是一种基于原型的语言,也就是说JavaScript中的对象属性和方法可以通过克隆或者扩展实现通用对象共享。这就称为原型继承。接下来在文章中为大家详细介绍JavaScript中的原型链,希望对大家有所帮助

【推荐课程:JavaScript教程】

什么是javascript原型链 javascript原型,原型链 有什么特点

JavaScript中的每一个东西几乎都可以看作是一个对象,对象包含可以使用的obj.propName或者是访问的命名属性obj['propName'],每个对象都有一个名为prototype的内部属性,它链接到另一个对象。原型对象也有自己的原型对象依此类推,这就被称为原型链。如果你遵循一个对象的原型链,最终会到达Object原型所在的核心原型,标志着null链的末端。

原型链的作用是当请求对象不包含的属性时,JavaScript就会向下查看原型链,直到它找到所请求的属性,或者直到它到达链的末尾。这种行为允许我们创建“类”并实现继承。

什么是javascript原型链 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原型,原型链 有什么特点问题对您有所帮助,还望关注下本站哦!

走之旁 走之旁笔顺怎么写java.lang什么意思,JAVA中文是什么意思