什么是作用域链,什么是原型链,它们的区别,在js中它们具体指什么

发布网友发布时间：2022-05-14 10:44

我来回答

共3个回答

懂视网时间：2022-05-14 15:05

原型链是一种机制，指的是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();

热心网友时间：2022-05-14 12:13

对于 javaScript 只有两种作用域，全局作用域和 function 作用，如果一个 function 里还有function，那么这个 function 又是一块作用域，对于他的得上一层 function 是有一个引用指向这个快作用，那么这样的一层一层的链式引用关系就是作用域链，而原型链主要与prototype、__proto__有关，保存着对象的继承关系。

热心网友时间：2022-05-14 13:31

可以看一下《JavaScript权威指南》和《JavaScript语言精髓与编程实践》都有详细的讲解。