对象
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 在执行时会做四件事情:
- 在内存中创建一个新的空对象。
- 让 this 指向这个新对象。
- 执行构造函数里面的代码,给这个新对象添加属性和方法。
- 返回这个新对象(所以构造函数不需要 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] 里面不加引号