1.Object.create() 是什么？

　　Object.create(proto [, propertiesObject ]) 是E5中提出的一种新的对象创建方式，第一个参数是要继承的原型，如果不是一个子函数，可以传一个null，第二个参数是对象的属性描述符，这个参数是可选的。

　　例如：　

function Car (desc) {

    this.desc = desc;

    this.color = "red";

}

Car.prototype = {

    getInfo: function() {

      return 'A ' + this.color + ' ' + this.desc + '.';

    }

};

//instantiate object using the constructor function

var car =  Object.create(Car.prototype);

car.color = "blue";

alert(car.getInfo());

结果为:A blue undefined.

2.propertiesObject 参数的详细解释：（默认都为false）

　数据属性

  • writable:是否可任意写
  • configurable：是否能够删除，是否能够被修改
  • enumerable：是否能用 for in 枚举
  • value：值

　访问属性：

  • get(): 访问
  • set(): 设置

3.例子：直接看例子就知道怎么用。　

<!DOCTYPE html>

<html>

<head>

    <title>yupeng's document </title>

    <meta charset="utf-8"/>

</head>

<body>

    <script type="text/javascript">

        var obj = {

            a:function(){

                console.log(100)

            },

            b:function(){

                console.log(200)

            },

            c:function(){

                console.log(300)

            }

        }

        var newObj = {};

        newObj = Object.create(obj,{

            t1:{

                value:'yupeng',

                writable:true

            },

            bar: {

                configurable: false,

                get: function() { return bar; },

                set: function(value) { bar=value }

            }

        })

        console.log(newObj.a());

        console.log(newObj.t1);

        newObj.t1='yupeng1'

        console.log(newObj.t1);

        newObj.bar=201;

        console.log(newObj.bar)

        function Parent() { }

        var parent = new Parent();

        var child = Object.create(parent, {

              dataDescriptor: {

                value: "This property uses this string as its value.",

                writable: true,

                enumerable: true

              },

              accessorDescriptor: {

                get: function () { return "I am returning: " + accessorDescriptor; },

                set: function (val) { accessorDescriptor = val; },

                configurable: true

              }

            });

        child.accessorDescriptor = 'YUPENG';

        console.log(child.accessorDescriptor);

        var Car2 = function(){

            this.name = 'aaaaaa'

        } //this is an empty object, like {}

        Car2.prototype = {

          getInfo: function() {

            return 'A ' + this.color + ' ' + this.desc + '.';

          }

        };

        var newCar = new Car2();

        var car2 = Object.create(newCar, {

          //value properties

          color:   { writable: true,  configurable:true, value: 'red' },

          //concrete desc value

          rawDesc: { writable: true, configurable:true, value: 'Porsche boxter' },

          // data properties (assigned using getters and setters)

          desc: {

            configurable:true,

            get: function ()      { return this.rawDesc.toUpperCase();  },

            set: function (value) { this.rawDesc = value.toLowerCase(); }

          }

        });

        car2.color = 'blue';

        console.log(car2.getInfo());

        car2.desc = "XXXXXXXX";

        console.log(car2.getInfo());

        console.log(car2.name);

    </script>

</body>

</html>

结果为：

100
yupeng
yupeng1
201
I am returning: YUPENG
A blue PORSCHE BOXTER.
A blue XXXXXXXX.
aaaaaa
 
参考文章：
1.http://www.htmlgoodies.com/beyond/javascript/object.create-the-new-way-to-create-objects-in-javascript.html
2.http://www.jimmycuadra.com/posts/ecmascript-5-object-creation-and-property-definition
3.http://msdn.microsoft.com/zh-cn/library/ie/ff925952(v=vs.94).aspx

javascript一种新的对象创建方式-Object.create()的更多相关文章

  1. 【20190220】JavaScript-知识点整理：对象创建方式、原型、闭包

    一.对象创建方式 1. 工厂模式 这种模式抽象了创建具体对象的过程,用函数来封装以特定接口创建对象的细节.存在的问题是无法通过 instanceof 识别一个对象的类型. function creat ...

  2. 第163天：js面向对象-对象创建方式总结

    面向对象-对象创建方式总结 1. 创建对象的方式,json方式 推荐使用的场合: 作为函数的参数,临时只用一次的场景.比如设置函数原型对象. var obj = {}; //对象有自己的 属性 和 行 ...

  3. 转： .NET MVC3 几种返回 JSON 对象的方式和注意事项

    .NET MVC3 几种返回 JSON 对象的方式和注意事项 转自:http://blog.csdn.net/xxj_jing/article/details/7382589 引言在用 .NET MV ...

  4. spring mvc中几种获取request对象的方式

    在使用spring进行web开发的时候,优势会用到request对象,用来获取访问ip.请求头信息等 这里收集几种获取request对象的方式 方法一:在controller里面的加参数 public ...

  5. WebKit JavaScript Binding添加新DOM对象的三种方式

    一．基础知识 首先WebKit IDL并非完全遵循Web IDL,只是借鉴使用.WebKit官网提供了一份说明(WebKitIDL),比如Web IDL称"operation”(操作), 而 ...

  6. javascript最常用的对象创建方式

    //第一种 function Demo(){ var obj=new Object(); obj.name="Yubaba"; obj.age=12; obj.firstF=fun ...

  7. .Net中各种不同的对象创建方式的速度差异

    在.Net中,微软给我们提供了很多不同的创建对象实例的方法,它们的速度又各有不同,以下一一列举. 使用new关键字 这在.Net中是最常见,也是速度最快的方式:                     ...

  8. Swift 对象创建(PUT Object)过程详解——基于副本策略（一）

    swift中创建对象,即PUT object,根据选定的存储策略将对象内容写入至相应的服务器(object server).我们重点关注object controller和object servers ...

  9. 前端开发者进阶之ECMAScript新特性【一】--Object.create

    Object.create(prototype, descriptors) :创建一个具有指定原型且可选择性地包含指定属性的对象 参数:prototype 必需.  要用作原型的对象. 可以为 nul ...

随机推荐

  1. loadrunner11录制脚本打开IE9失败，浏览器崩溃,显示无法响应

    解决办法:工具-->Internet选项-->高级-->禁止ie启用第三方浏览器扩展

  2. Json&Razor&控制器

    JsonJson 属于JavaScript所以要书写在<script></script>中1.语法规则: 1.1:键值对 1.2:逗号分隔 1.3:花括号保存对象 1.4:方括 ...

  3. 12.我们不是在真空里谈软件工程， 软件要运行在硬件芯片上面， 下面看看一个计算机芯片的发展历史： http://perspectives.mvdirona.com/2014/09/august-21-2014-computer-history-museum-presentation/ http://mvdirona.com/jrh/TalksAndPapers/DileepBhandar

    电脑芯片的诞生和发展是20世纪最伟大的发明之一,芯片技术决定了计算机升级换代的速度,决定了计算机小型化实现的程度,决定了计算机智能化的程度,决定了计算机普及化的应用深度. 1971年11月15日,英特 ...

  4. IMP数据到指定的表空间

    IMP数据到指定的表空间 当我们通过imp导入dmp文件时,默认的情况下,数据会导入到exp出的dmp文件所对应的表空间里面. 比如:通过orcl_dev用户,exp数据,用orcl_test用户im ...

  5. [f]区间随机数函数

    $.r = function(i, g) { var j = Math.random(), h = arguments.length; return h == 2 ? (i + Math.floor( ...

  6. MVC项目创建与项目结构介绍

    一.创建MVC项目 打开VS202,点击:文件—>新建—>项目—>Web—>Asp.Net MVC 4 Web应用程序 填好项目名称.解决方案名称和文件存放位置,然后点击确定, ...

  7. 1.3 Content Provider

    ContentProvider向我们提供了我们在应用程序之间共享数据的一种机制,分为系统的和自定义的,系统的也就是例如联系人,图片等数据. 使用方式:一个应用实现ContentProvider来提供内 ...

  8. Zabbix_agent的安装配置

    在Linux上安装zabbix agent 安装 [root@agtest ~]# yum install http://repo.zabbix.com/zabbix/3.0/rhel/7/x86_6 ...

  9. shellKali Linux Web 渗透测试— 初级教程（第三课）

    shellKali Linux Web 渗透测试— 初级教程(第三课) 文/玄魂 目录 shellKali Linux Web 渗透测试—初级教程(第三课) 课程目录 通过google hack寻找测 ...

  10. VS2010 调试不会命中当前断点

    方法1.直接把整个文件格式化了一次,断点就可以用了Ctrl + A全选菜单:编辑-〉高级-〉设置选定内容的格式 (Ctrl+K, Ctrl+F)通过比较文件发现是由于制表符Tab(0x09)引起的,原 ...