1.对象的定义
对象是引用数据类型,它可以被理解为一个保存复杂数据类型的容器,ECMAScript中的对象其实就是一组数据(属性)和功能(方法)的集合,它允许自身的的属性被动态的添加和删除。
2.对象的创建
2.1 字面量创建对象
var obj = {
name:'zhangsan',
age:18
}
2.2 构造函数创建对象
var obj = new Project()
obj.name = '张三'
obj.age = 18
2.3 工厂模式创建对象
function Person(name,age){
var person = new Object()
person.name = name
person.age = age
return person //记得要将对象返回
}
var p1 = Person('zhangsan',18)
2.4自定义构造函数创建对象
founction Person(name,age){
this.name = name
this.age = age
}
var p1 = new Person('zhangsan',18)
2.5原型模式创建对象
function Person() {}
Person.prototype={
constructor:Person,
name:'zhangsan',
age:20,
sayName(){
conlose.log(this.name)
}
var p1 = new Person()
2.6组合模式创建对象
function Person(name,age,gender){ //私有的属性和私有的方法维护到构造函数中
this.name = name,
this.age = age,
this.gender = gender
sayName(){
console.log(this.name)
}
}
Person.prototype = { //公共属性和公共方法维护到原型对象中
sayName(){
console.log(this.name)
}
}
Object.defineProperty(Person.prototype,'constructor',{
enumerable:false,
value:Person
}
)
var p1 = new Person('zhangsan',18,'男')
3.对象属性访问
var obj = {
name:'zhangsan',
age:18,
gender:'男'
}
3.1通过属性名访问
obj.name //zhangsan
3.2通过属性名数组形式访问
obj[age] //18
3.3通过for-in遍历对象的属性
for(var key in obj){
console.log(obj[key])
}
//输出结果为 zhangsan 18
4.对象属性的添加/修改
var obj = {
name:'zhangsan',
age:18
}
4.1直接通过.属性名添加新属性
obj.gender = '男'
4.2直接通过 .属性名 修改已有属性的属性值
obj.age = 19
4.3通过 [属性名] 添加新属性
['gender'] = '男'
4.4通过[属性名]修改已有属性值
['age'] = 19
4.5通过Object.definePorpety添加新属性
Object.defineProperty(obj,'gender',{
// 前三个属性如果不写,默认为值为false
configurable:true,
enumerable:true,
writable:true,
varlue:'男'
}
)
4.6通过Object.definePorpeties添加多个新属性
Object.defineProperties(obj,{
friends:{
value:['lisi','zhaoliu']
},
gender:{
value:'男'
}
})
5.对象属性的删除
//方式一
delete obj.name
//方式二
delete obj['name']
6.对象属性的检测
var obj = {
name:'zhangsan',
age:18
}
6.1 in
作用:检测属性是否是对象自有属性或继承而来的属性
console.log('name' in obj) //true name属性是obj对象的自有属性
console.log('toString' in obj) //true toString 是 obj 继承自Object原型对象中的属性
console.log('gender' in obj) //false gender属性既不是obj对象的自有属性,又不是继承而来的属性
6.2 hasOwnProperty
作用:检测属性是否是对象的自有属性
console.log(obj.hasOwnProperty('name')) //true name是obj对象的自有属性
console.log(obj.hasOwnProperty('toString')) //false toString是obj对象继承自Object原型对象的属性,不是它的自有属性
6.3 hasPropertyIsEnumerable
作用:检测属性是否是对象的自有属性且是可枚举属性
所谓可枚举的属性,我的理解就是可以被for-in遍历出来的属性,它的属性特性enumerable值为true
console.log(obj.hasOwnProperty('age')) //true age是obj对象的自有属性,同时由于它是直接定义在对象中的属性,它的所有特性值默认都为true,那么的enumerable值肯定也为true,故它也是课枚举属性
console.log(obj.hasOwnProperty('toString')) //false toString是obj对象继承自Object原型对象的属性,不是它的自有属性