1.Object.create() 是什么

1.Object.create() 是什么？

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

　　例如：　

结果为: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 + '.';
          }
        };

</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

转载于:https://www.cnblogs.com/jianxingjianyuan/p/10814745.html

1.Object.create() 是什么相关推荐

object.create()
语法: Object.create(proto, [propertiesObject]) //方法创建一个新对象,使用现有的对象来提供新创建的对象的proto. 参数: proto : 必须.表示新建 ...
关于Object.create()与原型链的面试题？
原文地址 https://segmentfault.com/q/1010000004670616?utm_source=weekly&utm_medium=email&utm_camp ...
Object.create(..)和new(..)的内部实现
Object.create() 经常会有这样的疑问?Object.create()到底做了什么工作? 像这样两行代码有什么不同? var obj ={a: 1} var b = obj var c = ...
js-new、object.create、bind的模拟实现【转载备忘】
//创建Person构造函数,参数为name,age function Person(name,age){this.name = name;this.age = age; }function _new ...
原生js实现Object.assign和Object.create
Object.assign(target,-sources) Object.assign(target,-source)方法用于将所有可枚举的属性的值从一个或多个源对象复制到目标对象.它将返回目标对象 ...
Object.create()和Object.assign()
一.Object.create() 该方法用于创建一个新对象,并为其指定原型对象和属性. 语法:Object.create(prototype,description); proto:(必须),表示新 ...
Object.create()和new Object()
Object.create(null) 创建的对象是一个空对象,在该对象上没有继承 Object.prototype 原型链上的属性或者方法,例如:toString(), hasOwnProperty ...
Object.create()方法
Object.create()方法创建一个新对象,使用现有的对象来提供新创建的对象的proto. 语法:Object.create(proto, [propertiesObject]) - proto ...
js学习日记-new Object和Object.create到底干了啥
function Car () {this.color = "red"; } Car.prototype.sayHi=function(){console.log('你好') }v ...
firefox-Developer开发者站点——关于Object.create()新方法的介绍
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/create Objec ...

1.Object.create() 是什么

1.Object.create() 是什么相关推荐

最新文章

热门文章