JS对象创建 Object.create() 方法

概述 
Object.create() 方法创建一个拥有指定原型和若干个指定属性的对象。 
语法 
Object.create(proto, [ propertiesObject ])

通过Object.create 方法可以创建对象,在这里有两个参数,第一个参数是对象,第二个参数是该对象的属性设置

我们可以这样去创建对象

var obj = Object.create({})

当然,这是没有必要的,还是开门见山的说明吧 
我们会这样去创建 对象

var obj = Object.create({},{
        "a":{value :1,congigurable :false,enumerable :true,writable:true},
        "b":{value :2,congigurable :false,enumerable :true,writable:true},
        "c":{value :3,congigurable :false,enumerable :true,writable:true}
    });

console.log(obj.a)//输出 1
console.log(obj.b)//输出 2
console.log(obj.c)//输出 3

在这里,我们可以看到创建了一个对象,并且这个对象有三个属性 a,b,c 
但是不单单是简单的三个属性,如果这样也没必要说了

第二个参数是一个对象的形式配置的,key就是属性的名称,value 又是一个对象,这里的value对象就是对该属性的描述 
这里value对象有四个属性值value、congigurable 、enumerable 、writable

value

对象属性的默认值,默认值为undefined 
这个没什么好说的,就是当前属性的属性值。在这个例子里,属性a的值就是1

congigurable

能否使用delete、能否需改属性特性、或能否修改访问器属性、,false为不可重新定义,默认值为true 
简单的说 ,设置这个为false之后,就不能删除这个属性或修改这个属性(属性值不影响),这个属性就是这个对象固有的,如果删除,则不成功

var obj = Object.create({},{
    "a":{value :1,congigurable :false,enumerable :true,writable:true},
});

delete obj.a// 删除失败,普通模式没有提示或错误,严格模式会有TypeError
obj.a = 2;
console.log(obj.a);//正常使用,输出结果为 2

enumerable

可枚举性 
对象属性是否可通过for-in循环,flase为不可循环,默认值为true 
简单的说,当你想用 for-in 遍历这个对象的时候,正常会输出每一个属性,但当你设置false时,这个属性就不会被for-in 遍历读到

var obj = {
    a: 1,
    b: 2,
    c: 3
};
obj = Object.create(obj, {
    "a": {
        value: 1,
        congigurable: false,
        enumerable: false,
        writable: false
    }
});

for(var i in obj) {
    console.log(i); //输出b,c 不会输出a,a已经设置不被枚举
}
  • writable

对象属性是否可修改,flase为不可修改,默认值为true 
设置不可修改后,可以理解为常量,不能对属性值进行修改

var obj = Object.create({},{
    "a":{value :1,congigurable :false,enumerable :true,writable:false},
});
obj.a = 2;//普通模式不会抛异常,严格模式会抛出TypeError
console.log(obj.a);//输出1 ,不可被修改
  •  

除了Object.create() 可以这样使用外,还有Object.defineProperty 和 Object.defineProperties中使用。

Object.getOwnPropertyDescriptor(object, propertyname) 方法用于查询一个属性的描述符,并以对象的形式返回 
Object.defineProperty(object,propertyname,descriptor) 方法用于创建或配置对象的一个属性的描述符,返回配置后的对象 
Object.defineProperty(object,descriptors)方法用于创建或配置对象的多个属性的描述符,返回配置后的对象 
Object.create(proto,descriptors)方法使用指定的原型和属性来创建一个对象

 来源

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: `Object.create` 是 JavaScript 中一个用于创建对象方法。它可以在一个已有的对象创建一个对象对象将该已有对象作为其原型。 例如: ``` const obj = { sayHello: function() { console.log("Hello"); } }; const newObj = Object.create(obj); newObj.sayHello(); // 输出 "Hello" ``` 在上面的例子中,`newObj` 对象是通过 `Object.create` 方法从 `obj` 对象创建出来的,并且它继承了 `obj` 对象的所有方法。 ### 回答2: object.create()是JavaScript中的一个方法,用于创建一个对象,以指定的原型对象作为对象的原型。这个方法可以接受两个参数,第一个参数对象的原型,第二个参数可选,用于进一步定义对象属性。 使用object.create()方法可以实现面向对象编程中的继承和原型链的概念。通过指定一个对象作为对象的原型,对象就可以从原型对象继承属性方法。这种继承的方式称为原型继承。 示例代码如下: ``` const person = { name: 'Alice', sayHello: function() { console.log('Hello, my name is ' + this.name); } }; const newPerson = Object.create(person); newPerson.name = 'Bob'; newPerson.sayHello(); // 输出:Hello, my name is Bob ``` 在这个示例中,我们首先创建了一个名为person的对象,它有一个属性name和一个方法sayHello()。然后我们使用object.create()方法,以person为原型创建了一个对象newPerson。接着我们给newPerson对象的name属性赋值为'Bob',并调用sayHello()方法,输出了'Hello, my name is Bob'。 通过object.create()方法,我们可以实现对象之间的继承,并且可以在对象上添加或修改属性,而不会影响到原型对象。这种方式更加灵活和可扩展,可以实现更复杂的对象关系和继承结构。 ### 回答3: object.create是JavaScript中一个用于创建对象方法。它接收一个参数,该参数被用作对象的原型。 使用object.create方法,我们可以通过一个现有对象创建一个对象对象继承了现有对象属性方法。这样,我们可以利用已有的对象作为对象的模板,快速创建一个具备相似行为和属性对象object.create实现了原型继承的一种方式,它与传统的构造函数方式不同,不需要借助构造函数和原型链。通过指定原型对象object.create方法直接创建出具有该原型对象作为原型的对象。 这种创建对象的方式非常灵活,因为我们可以通过修改原型对象,动态地添加、修改或删除对象属性方法。这使得我们可以轻松地调整对象的功能和行为。 object.create方法还可以接收一个可选的第二个参数,用于进一步定义对象属性和特性。该参数是一个包含属性描述符的对象。我们可以在这个参数中指定属性的值、可写性、可枚举性和可配置性等。 总之,object.create是一种非常有用的方法,它提供了一种简单而灵活的方式来创建对象,并且可以通过修改原型对象来动态地调整对象的功能和行为。这对于构建复杂的对象结构、实现继承和创建的原型对象非常有帮助。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值