学科分类
目录
JavaScript网页编程

访问对象的属性和方法

在将对象创建好以后,就可以访问对象的属性和方法,示例代码如下。

// 访问对象的属性(语法1)

console.log(stu1.name);   // 输出结果:小明

// 访问对象的属性(语法2)

console.log(stu1['age']);  // 输出结果:18

// 调用对象的方法(语法1)

stu1.sayHello();       // 输出结果:Hello

// 调用对象的方法(语法2)

stu1['sayHello']();   // 输出结果:Hello

如果对象的成员名中包含特殊字符,则可以用字符串来表示,示例代码如下。

var obj = {

'name-age': '小明-18'

};

console.log(obj['name-age']);  // 输出结果:“小明-18”

JavaScript中的对象具有动态特征,如果一个对象没有成员,用户可以手动赋值属性或方法来添加成员。具体示例如下。

var stu2 = {};            // 创建一个空对象

stu2.name = 'Jack';         // 为对象增加name属性

stu2.introduce = function() {    // 为对象增加introduce方法

 alert('My name is ' + this.name); // 在方法中使用this代表当前对象

};

alert(stu2.name);    // 访问name属性,输出结果:Jack

stu2.introduce();    // 调用introduce()方法,输出结果:My name is Jack

在上述代码中,在对象的方法中可以用this来表示对象自身,因此,使用this.name就可以访问对象的name属性。

如果访问对象中不存在的属性时,会返回undefined。示例代码如下。

var stu3 = {};        // 创建一个空对象

console.log(stu3.name);   // 输出结果:undefined
点击此处
隐藏目录