给对象添加属性的方式
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
给对象添加属性的方式
在面对对象的时候,给它添加一些属性可以帮助我们更好的描述这个对象,有利于我们在使用它的时候更有效的操作它。
而给对象添加属性的方式有很多,比如通过构造函数、继承等等,不同的方式有不同的效果,因此,如果我们想要正确使用这些属性,就必须要知道如何正确的添加它们。
首先,通过构造函数添加属性。
在JavaScript中,构造函数就像一个模板,它可以创建一个新的对象,然后为它添加属性和方法。
比如,我们可以使用构造函数来创建一个Person对象,并给它添加name、age和gender这三个属性:
```javascript
function Person(name, age, gender) {
= name;
this.age = age;
this.gender = gender;
}
//建一个Person对象
var p1 = new Person(jack 20, male
```
上面的代码中,我们定义了一个Person构造函数,它可以接收三个参数:name、age和gender。
然后,我们使用new关键字创建一个新的Person对象,并把这三个参数作为实参传递给构造函数,这
样就可以给这个对象添加name、age和gender这三个属性,并且他
们的属性值就是我们提供的实参的值。
其次,通过继承添加属性。
继承可以帮助我们在创建新的对象时,不用重复定义已有属性,而是可以直接从父类中继承所有属性和方法,这样可以减少资源浪费。
比如,我们可以通过定义一个Animal类,
然后再定义一个Dog类,继承Animal,Dog就可以继承Animal的所
有属性和方法:
```javascript
//义Animal类
function Animal(name, age) {
= name;
this.age = age;
}
//义Dog类,继承Animal
function Dog(name, age, breed) {
Animal.call(this, name, age);
this.breed = breed;
}
//建一个Dog对象
var d1 = new Dog(Lucy 5, Labrador
```
上面的代码中,我们先定义了一个Animal类,然后定义了一个
Dog类,通过Animal.call(this,name,age)这句代码,我们把Animal 中的name和age属性引入到Dog类中,这样,在创建Dog对象的时候,就可以直接用name和age这两个属性了。
另外,还有一种比较特殊的方式添加属性,那就是使用Object.defineProperty()这个函数。
它可以用来定义或者修改对象的属性,并且把属性标记为只读或者可写,从而控制对象的访问范围。
比如,我们可以定义一个对象,并且使用Object.defineProperty()函数为这个对象添加name属性:
```javascript
var person = {};
Object.defineProperty(person, name {
value: jack
writable: false
});
//取person的name属性
console.log(); // jack
// 修改person的name属性
= john
console.log(); // jack
```
上面的代码中,我们使用Object.defineProperty()函数给person对象添加一个name属性,并且设置这个属性的writable参
数为false,这样一来,name属性就变成了只读属性,因此,当我们试图把name属性的值设置为其他值的时候,就会报错。
以上就是给对象添加属性的几种方式,它们都各有优劣,在实际使用时,我们可以根据自己的目的来权衡,选择适合自己的方式来添加属性。