javascript对象超详细

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原型对象的属性，不是它的自有属性

javascript 原型模式