JS学习笔记---09 对象

对象

1、创建对象的三种方法

在 JS 中，现阶段我们可以采用三种方式创建对象（object）：

• 利用字面量创建对象
• 利用 new Object 创建对象
• 利用构造函数创建对象

1.1、利用字面量创建对象

对象字面量： 就是花括号{ }里面包含了表达这个具体事物（对象）的属性和方法。

//利用对象字面量创建对象
//var obj = {};		//创建了一个空对象
var obj = {
    uname:'宇宇',
    age:18,
    sex:'男',
    sayHi:function(){
        console.log('hi~');
    }
}

• 里面的属性或者方法采取键值对的形式， 属性名 ：属性值
• 多个属性或者方法中间用逗号隔开
• 方法冒号后面跟的是一个匿名函数

对象的调用

• 对象里面的属性调用：对象 . 属性名，这个小点 . 就理解为‘ 的 ’
• 对象里面属性的另一种调用方法：对象[‘属性名’]，注意方括号里面的属性必须加引号，我们后面会用
• 对象里面的方法调用：对象 . 方法名()，注意这个方法名后面一定加括号

console.log(star.name);		//调用名字属性
console.log(star['name']);		//调用名字属性
star.sayHi();				//调用 sayHi 方法，注意 一定不要忘记后面的括号

1.2、利用 new Object 创建对象

//利用 new Object 创建对象
var obj = new Object();	//创建了一个空的对象
obj.uname = '可可';
obj.age = 18;
obj.sex = '男';
obj.sayHi = function(){
    console.log('hi~');
}

• 我们利用 等号 “=” 赋值的方法，添加对象的属性和方法
• 每个属性和方法之间用 分号“ ；”结束
• 调用方法同上

1.3、利用构造函数创建对象

构造函数： 是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与 new 运算符一起使用。我们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数中。

构造函数的语法格式：

//创建构造函数
function 构造函数名(){
    this.属性 = 值;
    this.方法 = function(){}
}
//创建对象
new 构造函数名();

//例：
function Star(uname,age,sex){
    this.uname = uname;
    this.age = age;
    this.sex = sex;
    this.sing = function(sang){
        console.log(sang);
    }
}
var ldh = new Star('刘德华',18,'男');
var zxy = new Star('张学友',19,'男');	//调用构造函数返回的是一个对象
console.log(typeof ldh);	//object
console.log(ldh.uname);		//调用对象属性
ldh.sing('冰雨');		//调用对象方法

• 构造函数名字首字母要大写
• 构造函数不需要 return 就可以返回结果
• 调用构造函数，必须使用 new
• 只要 new Star() 调用函数，就创建了一个对象
• 我们的属性和方法前面必须加 this

2、new 关键字

new 在执行时会做四件事情：

1. 在内存中创建一个新的空对象。
2. 让 this 指向这个新对象。
3. 执行构造函数里面的代码，给这个新对象添加属性和方法。
4. 返回这个新对象（所以构造函数不需要 return）。

3、遍历对象属性

for…in 语句 用于对数组或者对象的属性进行循环操作。

语法格式：

for（变量 in 对象）{ }

for(var k in obj){
    console.log(k);		//k 变量 输出 得到的是 属性名
    console.log(obj[k]);	//obj[k] 得到的是 属性值
}

• 我们使用 for in 里面的变量，我们喜欢写 k 或者 key
• 属性和方法都能遍历
• obj[k] 里面不加引号