请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

什么是js原型链

wordpress 2020-9-16 10:55

原型链是一种机制,指的是JavaScript每个对象包括原型对象都有一个内置的[[proto]]属性指向创建它的函数对象的原型对象,即prototype属性。

作用:原型链的存在,主要是为了实现对象的继承。

关于原型链的几个概念:

1、函数对象

在JavaScript中,函数即对象。

2、原型对象

当定义一个函数对象的时候,会包含一个预定义的属性,叫prototype,这就属性称之为原型对象。

//函数对象
function F(){};

console.log(F.prototype)

图片1

3、__proto__

JavaScript在创建对象的时候,都会有一个[[proto]]的内置属性,用于指向创建它的函数对象的prototype。原型对象也有[[proto]]属性。因此在不断的指向中,形成了原型链。

举个例子来说,我们将对象F的原型对象修改一下,就可以清楚看到上述的关系

//函数对象
function F(){};

F.prototype = {

hello : function(){}

};

var f = new F();

console.log(f.__proto__)

图片2

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();
鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏

登录后才可以发表评论,或免费注册

wordpress

TA还没有介绍自己。