JavaScript中原型学习基本理解(原型链: prototype _proto_)(二)

来源:互联网 发布:实况足球2017mac版 编辑:程序博客网 时间:2024/06/07 15:09

上一小节简单介绍了原型的基本知识,本节将截止上节来讲原型在JavaScript这门语言中起到的作用。

JavaScript是一门面向对象的语言,既然如此那就肯定少不了面向对象的基本特性继承。不同Java/c#这类用类来实现继承的语言,在JavaScript中同国原型链的概念来实现。

说道原型链那我们就不得不谈谈: prototype()    _proto_ 

prototype(任意一个构造函数都包含此属性,实现原型链的基础。指向该函数的原型对象)

例如:

function SuperType(){

this.proper= true;

}

SuperType.prototype//

  1.  Object {constructorfunction}
    1. constructor:function superType()
    2. __proto__:Object

superType在创建是便生成一个superType.prototype的原型对象,并且此对象中的constructor指向构造函数的本身.


_proto_(任意一个构造函数实例化的对象都包含此属性,指向构造函数的原型对象)

此时我们:var instance=new SuperType();

1)instance._proto_ === SuperType.prototype//返回的是true

2)SuperType.__proto__ === SuperType.prototype//返回的是false

搞清楚_proto_和prototype的区别上面的栗子就不难理解了。

_proto_指向构造函数的原型对象

prototype指向该函数的原型对象

instance的构造函数是SuperType  因此在第一个栗子中返回的值为true

SuperType的构造函数是Function 因此第二个栗子中返回的值是false

对于原型中的prototype 和_proto_相信大家都已经可以理解了。

那么原型链到底是如何构成的呢?

在我们SuperType这个构造函数中,我们让SuperType的实例等于一个函数A的原型对象。

函数A的原型对象将包好指向函数SuperType原型对象的指针,及可以拥有函数SuperType原型对象的属性。

我们以此类推就构成了实例与原型的链条。即我们所说的原型链。

对于原型链实现的具体过程我们下节继续分析。

原创粉丝点击