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. decode 横竖转换 2

    select sno,nvl(to_char(sum(decode(cno,'c001',score))),'-') c001,nvl(to_char(sum(decode(cno,'c002',sc ...

  2. Myeclipse/eclipse的Web project改写成Maven项目

    1.导入或建立web项目时加上maven的设置 2.加入如下代码:<dependencies>标签下加入红色部分 <dependencies> <dependency&g ...

  3. 第38讲：List伴生对象操作方法代码实战

    今天来看一下List伴生对像的操作方法 让我们来看下代码  println(List.apply(1,2,3))//等同于List(1,2,3)     println(List.range(1, 4 ...

  4. yum自动脚本

    echo -e "\033[34mstop server:\033[0m" service iptables stop service NetworkManager stop ch ...

  5. IOS笔记之UIKit_UIAlertView、UIActionSheet

    //首先必须继承协议 @interface TRViewController : UIViewController<UIAlertViewDelegate,UIActionSheetDelega ...

  6. iOS 直播（一）

    由于业务需求,需要从腾讯直播sdk要迅速转移到自主开发(先让我默哀三分钟).不多说,直接开始唠嗑! 这个项目超级简单,简单到只能一个推流,一个拉流的功能.需求多的再另谈. 前期准备:推流用优酷开源的L ...

  7. Dynamic CRM 2013学习笔记（二十五）JS调用web service 实现多条记录复制(克隆)功能

    前面介绍过如何克隆一条当前的记录: Dynamic CRM 2013学习笔记(十四)复制/克隆记录 , 主要是通过界面上加一个字段,单击form上的clone 按钮时,改变这个字段的值以触发插件来实现 ...

  8. perl在命令行中打印单引号

    perl -e 'print "\'";'   这样写是不行的,这里直接执行会当作这命令未结束.反斜杠对符号做了转义,这样的命令解释成: perl -e 'print ';' (双 ...

  9. 如何在C#中生成与PHP一样的MD5 Hash Code

    最近在对一个现有的系统进行C#改造,该系统以前是用PHP做的,后台的管理员登陆用的是MD5加密算法.在PHP中,要对一个字符串进行MD5加密非常简单,一行代码即可: md5("Somethi ...

  10. mybatis框架demo first

    SqlMapConfig.xml: <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE con ...