Javascript中的原型与原型链

JavaScript中除了基本类型外的数据类型,都是对象。但是由于其没有 类(class)和"实例"(instance)的概念,如何将所有对象联系起来就成了一个问题,于是就有了原型和原型链的概念。


公用属性(原型(prototype))

每个对象都有toString()、valueof()等方法,但他们并其实没有单独的方法(为了节省空间),而是JS在每个对象里都存了一个隐藏属性:_proto_\,这个属性指向了存放公用属性的地址(Object.prototype),当用toString()时,就是调用的公用属性

var a1=new Number(1)
var a2 = new Number(10)
a1.toString() === a2.toString()    // true

原型链

除函数Object以外的其他函数的原型对象在最后均会通过proto指向函数的原型对象,即Object.prototype,而函数Object的原型对象最后会通过proto指向null。

也就是 a1.__proto__.__proto__.__proto__ === null 这条链所对应的值

总之,所有的对象都有proto属性,而只有函数有prototype属性。

事实上 JavaScript 所有数据都可以以对象的形式表现:由于函数是对象,我们可以用构造函数的方法使得 Number、Boolean、String变成对象。

var 对象 = new 函数(); //函数可以是Number/String/Boolean/Object
对象.__proto__ === 构造函数.prototype //true

__proto__是对象的属性,prototype是函数的属性

而这些构造函数都是由 Function构造出来的, 所以

Function.__proto__ === Function.prototype 
Array.__proto__ === Function.prototype 
Object.__proto__ === Function.prototype 
Number.__proto__ === Function.prototype
Boolean.__proto__ === Function.prototype
String.__proto__ === Function.prototype
Function.__proto_ === Function.prototype

这里最需要注意的是Function的构造函数就是Function,只有它的proto是指向自己的

举个例子:


这里的 a 是 Number 的实例,可以看到 n 里面有一个 __proto__ 指向 Number() 这个函数,Number() 就是 n 的原型对象(prototype) ;

而 Number() 函数有一个 __proto__ 指向 Object() 函数 ,Object() 是 Number() 的原型对象,Number 是 Object 的实例;

Object() 函数里存在 hasOwnProrerty 证明已经到达最后的属性层,再往后就是对象 null。

也就是

a.__proto__ === Number.prototype // true
Number.__proto__ === Function.prototype //true
Number.prototype.__proto__ === Object.prototype // true
Object.prototype.__proto__ === null //true

面试题:

'1'.__proto__是什么?
答:’1’会临时转化为String对象

'1'.__proto__ === String.prototype    //true
所有对象都有__proto__属性

Object.prototype.__proto__ === null;

1.toString()     //语法错误,不加引号JS会把.当作小数点
1..toString()    //'1',第一个.当作小数点,第二个为点操作符

参考:

MDN 继承与原型链

Javascript继承机制的设计思想 by 阮一峰的网络日志

对象的继承 by 阮一峰

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,053评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,527评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,779评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,685评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,699评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,609评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,989评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,654评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,890评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,634评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,716评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,394评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,976评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,950评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,191评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,849评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,458评论 2 342

推荐阅读更多精彩内容