WEB前端-HF-HTML5Programming-笔记-CH4 JS对象与函数

JS API：对象/方法（函数）/属性

对象

创建对象方法：

1. 对象字面量：大括号和逗号分隔属性所写的对象

2. 构造函数创建对象：new +构造函数

创建对象字面量(注意标点)

Var 对象名={

属性名1：属性值1,

属性名2：[属性值21，属性值22，属性值23]

};

访问对象属性

1. 对象名.属性名

2. 对象名[“属性名”]

改变属性值

1. 直接赋值

2. 向数组添加：对象名.属性名.push(“向最末尾增加新元素”)；

枚举对象的所有属性（for in）

Var prop

For (prop in fido){

Alert(“Fido has a “+prop+” property”);

If (prop == “name”){

Alert(“This is ”+ fido[prop]);

}

}

处理对象的数组

Var likes=fido.loves;

Var likeString=”Fido likes”;

For (var i=0; i<likes.length; i++){

likeString+=””+likes[i];

}

Alert(likesString);

将一个对象赋至变量：

var 变量=对象；/*变量包含对象的一个引用，而不是对象本身，它不保存对象本身*/

调用一个函数并传入一个对象时，实际传递了对象的引用，这个引用的副本会传递到形参，它指向原来的对象。所以当改变一个对象的属性时，改变的是原对象的属性，而不是副本，在函数内外都可以看到对象的改变。

对象中有函数时，称之为对象有一个方法。将匿名函数赋值给一个属性。

代码重用：创建构造函数

1. 命名：首字母大写

2. 形参：取对象属性名，属性名和形参不要求一致，但一般约定为相同的。

3. 将对象属性名初始化为传入构造函数的值：this.属性名=属性名；

4. 可以在构造的对象中包含方法

Function 构造函数名（形参1，形参2，形参3）{

This.属性1=形参名1；

This.属性2=形参名2；

This.属性3=形参名3；

This.方法名= function(){

语句；}；

}

Function Dog(name,breed,weight){

This.name=name;

This.breed=breed;

This.weight=weight;

This.bark=function(){

If (this.weight>25){Alert(this.name+” says woof!”);}

Else{alert(this.name+” says Yip! ”);}

}

}

Tips：与创建对象区分开，使用分号结束每行，因为构造函数中都是语句。