< p >今天我们要谈论的话题是javascript中对象的二要素是什么。相信大家在学习javascript的时候都会接触到对象，那么对象的构成有哪些呢？对象的构成主要是由属性和方法两个部分构成的。下面我们详细的来了解一下。< /p >
< p >首先，我们先来看属性。属性是指对象所拥有的特征，包括对象的状态和行为特征等等。比如一个人对象，它可以有身高、体重、年龄、性别等等这些属性。下面是一个简单的例子：< /p >
< pre >
var person = {
height: 180,
weight: 70,
age: 25,
gender: 'male'
};
< /pre >
< p >以上代码是一个简单的person对象，它包含了四个属性：height、weight、age和gender。访问这些属性也十分简单，可以使用点运算符或者中括号来访问。比如想要访问person对象的身高属性可以这样写：< /p >
< pre >
console.log(person.height);
console.log(person['height']);
< /pre >
< p >以上两种方法都可以访问到person对象的height属性。但是需要注意的是，在使用中括号来访问属性时需要把属性名用引号括起来。< /p >
< p >除了使用点运算符和中括号来访问属性以外，我们还可以给对象动态的添加属性或者删除属性。比如给person对象添加一个新的属性：< /p >
< pre >
person.weight = 75;
console.log(person.weight);
< /pre >
< p >以上代码给person对象增加了一个weight属性，并且把它的值设置为75。访问weight属性时就会输出75。如果我们想删除一个属性的话，可以使用delete操作符来删除：< /p >
< pre >
delete person.weight;
console.log(person.weight);
< /pre >
< p >以上代码把person对象的weight属性删除了，访问weight属性时会输出undefined。< /p >
< p >接下来，我们再来看一下对象的另外一个重要部分——方法。方法是指对象所拥有的行为特征，比如一个人对象可以有吃饭、睡觉、工作等等这些方法。下面是一个简单的例子：< /p >
< pre >
var person = {
name: 'Tom',
eat: function(food) {
console.log(this.name + ' is eating ' + food);
}
};
< /pre >
< p >以上代码是一个person对象，它包含了一个属性name和一个方法eat。eat方法的作用是输出一个人在吃什么。调用这个方法的时候需要传入一个参数，即要吃的食物。我们可以这样来调用它：< /p >
< pre >
person.eat('apple');
< /pre >
< p >以上代码会输出'Tom is eating apple'，这个方法内部使用了this关键字来指代当前的person对象。如果我们把person对象复制给了另外一个变量，那么在这个变量上调用eat方法时会输出什么呢？< /p >
< pre >
var person1 = person;
person1.name = 'Peter';
person1.eat('banana');
< /pre >
< p >以上代码会输出'Peter is eating banana'，可以看到，我们修改了person1对象的name属性为Peter，但是在调用eat方法时，输出的依然是Peter。这是因为调用eat方法时，内部使用的this关键字指代的是调用对象，也就是person1。< /p >
< p >以上就是javascript中对象的二要素，即属性和方法。了解了这些内容以后，我们可以更好地使用javascript的对象来实现一些功能了。< /p >
上一篇：javascript中回调
下一篇：JavaScript中如何加背景
