1、创建直接对象实例
示例：创建了对象的一个新实例，并向其添加了四个属性。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<!DOCTYPE html>
<
html
>
<
body
>
<!-- 创建对象 -->
<
script
>
person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=60;
person.eyecolor="green";
</
script
>
<!-- 使用对象 -->
<
script
>
document.write(person.firstname + " is " + person.age + " years old.");
</
script
>
</
body
>
</
html
>
|
上面代码等效于：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<!DOCTYPE html>
<
html
>
<
body
>
<!-- 创建对象 -->
<
script
>
person={firstname:"Bill",lastname:"gates",age:60,eyecolor:"blue"}
</
script
>
<!-- 使用对象 -->
<
script
>
document.write(person.firstname + " is " + person.age + " years old.");
</
script
>
</
body
>
</
html
>
|
输出结果：
Bill is 60 years old.
2、使用函数来构造对象
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<!DOCTYPE html>
<
html
>
<
body
>
<!-- 创建对象 -->
<
script
>
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
</
script
>
<!-- 使用对象 -->
<
script
>
myFather=new person("Bill","Gates",60,"blue");
document.write(myFather.firstname + " is " + myFather.age + " years old.");
</
script
>
</
body
>
</
html
>
|
一旦您有了对象构造器，就可以创建新的对象实例，就像这样：
|
1
2
|
var
myFather=
new
person(
"Bill"
,
"Gates"
,
60
,
"blue"
);
var
myMother=
new
person(
"Steve"
,
"Jobs"
,
48
,
"green"
);
|
3、把方法添加到 JavaScript 对象
方法只不过是附加在对象上的函数。在构造器函数内部定义对象的方法：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
<!DOCTYPE html>
<
html
>
<
body
>
<
script
>
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
this.changeName=changeName;
function changeName(name)
{
this.lastname=name;
}
}
</
script
>
<
script
>
myMother=new person("Steve","Jobs",56,"green");
myMother.changeName("Ballmer");
document.write(myMother.lastname);
</
script
>
</
body
>
</
html
>
|
运行结果：
Ballmer
本文转自stock0991 51CTO博客，原文链接：http://blog.51cto.com/qing0991/1394347，如需转载请自行联系原作者
