美文网首页
javascript的原型链

javascript的原型链

作者: 进击的前端 | 来源:发表于2016-08-02 18:26 被阅读29次
var Scope = function () {
    this.$clone = function () {
        return Object.create(this);
    }
}

var scopeA = new Scope();
scopeA.title = 'My title';
var scopeB = scopeA.$clone() ;
// 实例有$clone方法用创建一个对象克隆,表现如下
console.log(scopeB.title === 'My title'); // 输出 true
scopeA.title = 'Home title';
console.log(scopeB.title === 'Home title')// 输出true
// 但是一旦scopeB主动修改它的属性,scopeA并不受影响
scopeB.title = 'scopeB title';
console.log(scopeA.title === 'Home title') // 输出true

这道题,要实现一个克隆函数,一看就是原型链的效果,就利用Object.create()来继承prototype

create也就是proto指向它的原型,
如果是用{}来新建一个对象的话,那么这个对象也能够用Object.create来实现原型继承,但是不能用prototype

b-->a-->Object


c-->a.prototype
而function.prototype是针对构造函数的,如果这个函数被实例化,那么它的原型指向这个构造函数的prototype


Paste_Image.png

相关文章

  • 【javascript】继承

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

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

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

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

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

  • javaScript原型链

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

  • 原型、原型链

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

  • javascript碎片知识001

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

  • 面试题 Javascript

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

  • JavaScript 基础知识点

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

  • 原型和原型链篇

    原型和原型链 1.理解原型设计模式以及JavaScript中的原型规则 原型设计模式JavaScript是一种基于...

  • Javascript学习笔记-原型链

    对于Javascript原型链,是Javascript中很重要的内容,要理解关键有三点:Javascript中原型...

网友评论

      本文标题:javascript的原型链

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