JavaScript 教程:对象

JavaScript 对象是拥有属性和方法的数据。学过编程语言的都知道,此处不再详述!

1.对象的定义:

1 <script>
2 var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};3 </script>

对象也可以先创建,再添加属性和属性值

1 var person=new Object();
2 person.name='小明'3 person.sex='男'4 person.method=function(){
5   return this.name+this.sex;
6 }

其中:属性之间一定要用逗号隔开;

    属性具有唯一性(这里的属性包括方法),如果有两个重复的属性,则以最后赋值为准。

         对象的方法定义了一个函数,并作为对象的属性存储;

         对象方法通过添加 () 调用;

2.访问属性:

1 <script>
2 var person = {
3     firstName : "John",
4     lastName : "Doe",
5     id : 5566
6 };
7 document.getElementById("demo").innerHTML =
8     person.firstName + " " + person["lastName"];
9 </script>

运行结果:John Doe

3.访问方法:

 1 <script>
 2 var person = {
 3     firstName: "John",
 4     lastName : "Doe",
 5     id : 5566,
 6     fullName : function() 
 7     {
 8        return this.firstName + " " + this.lastName;
 9     }
10 };
11 document.getElementById("demo").innerHTML = person.fullName();
12 </script>

运行结果:John Doe

posted @ 2018-02-01 16:17  花开不只在春天  阅读(168)  评论(0)    收藏  举报