最新的Web开发教程
 

JavaScript对象


现实生活中的对象,属性和方法

在现实生活中,汽车是一个对象

汽车有类似的重量和颜色属性 ,而像启动和停止方法

目的 属性 方法

car.name = Fiat

car.model = 500

car.weight = 850kg

car.color = white

car.start()

car.drive()

car.brake()

car.stop()

所有的汽车都有相同的属性 ,但属性值不同,从车来车。

所有的汽车具有相同的方法 ,但在不同的时间被执行的方法。


JavaScript对象

你已经学会了JavaScript的变量数据值容器。

这个代码的简单赋值 (Fiat)给一个变量命名的车:

var car = "Fiat";
试一试»

对象是变量太多。 但是,对象可以包含许多值。

此代码将多个值 (Fiat, 500, white)到名为car 变量

var car = {type:"Fiat", model:"500", color:"white"};
试一试»

这些值写为名称:值对(名称和冒号分隔值)。

JavaScript对象是名为值的容器。


对象属性

名称:值对(在JavaScript对象)被称为属性

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

属性 属性值
firstName John
lastName Doe
age 50
eyeColor blue

对象的方法

方法是,可以在对象上执行的动作

方法被存储在属性函数定义

属性 属性值
firstName John
lastName Doe
age 50
eyeColor blue
fullName function() {return this.firstName + " " + this.lastName;}

JavaScript对象是所谓的属性或方法命名的值的容器。


对象定义

您可以定义(创造)与对象文本的JavaScript对象:

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
试一试»

空格和换行并不重要。 对象定义可以跨越多行:

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};
试一试»

访问对象属性

您可以通过两种方式访问​​对象属性:

objectName.propertyName

要么

objectName["propertyName"]

例1

person.lastName;
试一试»

例2

person["lastName"];
试一试»

访问对象的方法

您访问以下语法的对象的方法:

objectName.methodName()

name = person.fullName();
试一试»

如果您访问的fullName 财产 ,无()它会返回函数定义

name = person.fullName;
试一试»

不要声明字符串,数字和布尔值的对象!

当一个JavaScript变量与关键字声明的"new" ,变量创建为一个对象:

var x = new String();        // Declares x as a String object
var y = new Number();        // Declares y as a Number object
var z = new Boolean();       // Declares z as a Boolean object

避免字符串,数字,和布尔对象。 他们复杂的代码,并减慢运行速度。

您将了解对象在本教程后面。


自测练习用!

练习1» 练习2» 练习3»