Object.create()介绍

Zachary 发布于2019-08-23 13:59 / 968人阅读

摘要：我们可以利用它们去实现数据的过滤和数据的绑定。实现一些简单的的效果继承的应用的实例继承了的属性划重点相对于构造函数的继承继承实现了将的原型完美分隔。双方不会互相影响。

Object.create(null) 创建的对象是一个空对象，在该对象上没有继承 Object.prototype 原型链上的属性或者方法
例如：toString(), hasOwnProperty()等方法

参数	说明
obj	创建对象的原型，表示要继承的对象
propertiesObject(可选 )	也是一个对象，用于对新创建的对象进行初始化

我们来看看底层实现

    Object.create =  function (o) {
        var F = function () {};
        F.prototype = o;
        return new F();
    };

下面我们来看具体应用：

    //创建一个Obj对象
    var Obj ={
        name:"mini",
        age:3,
        show:function () {
            console.log(this.name +" is " +this.age);
        }
    }

    //MyObj 继承obj, prototype指向Obj
    var MyObj = Object.create(Obj,{
        like:{
            value:"fish",        // 初始化赋值
            writable:true,       // 是否是可改写的
            configurable:true,   // 是否能够删除，是否能够被修改
            enumerable:true      //是否可以用for in 进行枚举
        },
        hate:{
            configurable:true,
            get:function () { console.log(111);  return "mouse" }, // get对象hate属性时触发的方法
            set:function (value) {                                 // set对象hate属性时触发的方法 
                console.log(value,2222);
                return value;
            }    
        }
    });

划重点：这里get和set 方法似乎还蕴含更大的潜力。我们可以利用它们去实现数据的过滤和数据的绑定。实现一些简单的mvvm的效果

Object.create继承的应用：

    var A = function () { };
    A.prototype.sayName=function () {
        console.log("a");
    }

    // B的实例继承了A的属性
    var B = function () { };
    B.prototype = Object.create(A.prototype);
    var b = new B();
    b.sayName();  // a

划重点：相对于构造函数的继承Object.create继承实现了将A,B的原型完美分隔 。双方不会互相影响。这是Object.create亮点所在

GPU云服务器云服务器自我介绍平台介绍相关介绍指令介绍

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/99893.html

JavaScript ES5之Object.create函数详解

介绍在创建对象的时候，我们有2种常用方法一个是文本标记法(var obj = {}),一种是运用Object函数进行对象的创建(new Object()). 但是这两种方式并不是创建的一个完完全全干干净净的对象,这里的干净只得是没有继承链. 幸运的是，ES5为我们提供了一种创建完全干净的对象的方法，Object.create函数,接下我将向大家介绍Obje...

zhaofeihao 2019-08-21 10:35 评论0 收藏0
JS核心知识点梳理——原型、继承（下）

摘要：引言上篇文章介绍原型，这篇文章接着讲继承，呕心沥血之作，大哥们点个赞呀明确一点并不是真正的面向对象语言，没有真正的类，所以我们也没有类继承实现继承有且仅有两种方式，和原型链在介绍继承前我们先介绍下其他概念函数的三种角色一个函数，有三种角色。 showImg(https://segmentfault.com/img/bVbo4hv?w=1800&h=1000); 引言上篇文章介绍原型，...

joyqi 2019-08-26 13:53 评论0 收藏0
犀牛书——CHAP6：对象

摘要：对象是属性的无序集合。使用对象直接量创建的对象的原型就是，使用运算符创建的对象的原型是构造函数的的值。主要目的是将对象锁定，避免外界干扰。判断对象是否封闭。删除属性可删除对象的自有属性且为的属性。对象是属性的无序集合。因此，这一章主要从对象和属性两个方面来阐述。showImg(https://box.worktile.com/view/c8f5f376fe314aeca69d9b4c...

philadelphia 2019-08-19 18:40 评论0 收藏0
基于原型的JavaScript继承 - 面向对象的JavaScript - JavaScript核心

摘要：基于原型的继承诚惶诚恐的写下这篇文章。无论是还是，都是面向对象的。将这个新对象作为构造函数的执行上下文其指向这个对象，并执行构造函数返回这个对象原型继承我们来定义一个简单的类和它的原型我们在原型上定义了一个方法。源码： https://github.com/RobinQu/Programing-In-Javascript/blob/master/chapters/JavaScr...

Acceml 2019-08-19 14:51 评论0 收藏0
【JS基础】Object 对象的原型概念详解

摘要：使用操作符，创建一个对象，并且执行构造函数方法。使用可以返回一个字典型对象对象原型每一个对象都有一个内置的属性指向构造它的函数属性而构造函数的则指向构造函数本生。对象概念在 javascript 中, 一切引用类型均为对象。如 function Foo () {} 中，Foo本身就是一个对象的引用。创建对象方式字面量方式 new 构造函数函数声明 Object.creat...

appetizerio 2019-08-22 14:05 评论0 收藏0