美文网首页
梳理 | JavaScript 原型链

梳理 | JavaScript 原型链

作者: RookieDay | 来源:发表于2019-01-23 15:52 被阅读0次

本文旨在进行学习过程中的知识梳理,如有问题还望多多指教。

1、概念

F.prototype 原型属性
o.___proto____ 原型对象

___proto____ 是站在对象的角度讨论其原型对象
prototype 是站在构造函数的角度讨论原型属性, 或构造函数创建的对象的
原型对象

实例成员就是 由构造函数创建的对象的成员
静态成员就是 构造函数的成员

2、原型链

Object

Object原型链 Object原型链
var o1 = new Object();

两个Object

创建两个对象
var o1 = new Object();
var o2 = new Object();

两个Func

Func原型链
var f1 = new Func();
var f2 = new Func();

Func函数原型属性发生转向,黄色变为红色,指向f2

Func函数原型属性发生转向
var f1 = new Func();
var f2 = new Func();
构造函数与原型属性
var p = new Object()

Person对象完整原型链结构

完整原型链
var p = new Person()
p.constructor == Object.prototype.constructor //true

两个Person对象最终都指向Object.prototype对象,Object.prototype对象的proto指向null

两个对象原型链
var p1 = new Person();
var p2 = new Person();

相关文章

  • JavaScript深入理解this关键字(一)

    摘要 最近在公司需要做培训,我打算把JavaScript中的原型与原型链讲给大家。但我在梳理原型与原型链的时候发现...

  • 梳理 | JavaScript 原型链

    本文旨在进行学习过程中的知识梳理,如有问题还望多多指教。 1、概念 F.prototype 原型属...

  • 【javascript】继承

    javascript只支持实现继承,而且继承主要是依靠原型链来实现的。 原型链 javascript将原型链作为实...

  • js原型、原型链、继承的理解

    一、原型、原型链 原型是Javascript中的继承的基础,JavaScript的继承主要依靠原型链来实现的。 原...

  • javaScript原型链

    javaScript原型链概念JavaScript之继承(原型链)数据结构var Person = functio...

  • 原型、原型链

    (什么是原型、原型链?有什么作用) JavaScirpt深入之从原型到原型链 图解 Javascript 原型链 ...

  • JavaScript 原型、原型链与原型继承

    原型,原型链与原型继承 用自己的方式理解原型,原型链和原型继承 javascript——原型与原型链 JavaSc...

  • javascript碎片知识001

    javascript中的对象(原型,原型链) 什么是原型? 原型是JavaScript中的继承的基础,JavaSc...

  • 面试题 Javascript

    介绍JavaScript的基本数据类型。 说说写JavaScript的基本规范? JavaScript原型,原型链...

  • JavaScript 基础知识点

    介绍JavaScript的基本数据类型。 说说写JavaScript的基本规范? JavaScript原型,原型链...

网友评论

      本文标题:梳理 | JavaScript 原型链

      本文链接:https://www.haomeiwen.com/subject/dwgjjqtx.html