注册 留言板
当前位置:首页 > 前端开发 > JAVASCRIPT > 正文

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

来源:CSDN   发布时间: 2017-06-19   作者:pro_monkeyking   浏览次数:
摘要: 上一小节简单介绍了原型的基本知识,本节将截止上节来讲原型在JavaScript这门语言中起到的作用。 JavaScript是一门面向对象的...

上一小节简单介绍了原型的基本知识,本节将截止上节来讲原型在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原型对象的属性。

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

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



javascript prototype

我来说两句
评论内容:
验  证  码:
 
(网友评论仅供其表达个人看法,并不表明本站同意其观点或证实其描述。)
评论列表
已有 0 条评论(查看更多评论)
精彩专题
友情链接:
设为首页 - 加入收藏 Copyright @2016 Infocool 版权所有 粤ICP备16000626号