面向对象基础

JS编程既有函数式编程也有面向对象编程

简单说一下面向对象：抽象现实世界

进入正题

创建对象的方式

1：传统Object（）的方式

var obj = Object()
obj.name = "yaokaixin"
obj.mood = "happy"
obj.age = 18
console.log(obj)

 

 

 2：现在喜欢的方式

var obj = {
    name: "yaokaixin",
    mood: "happy",
    age: 18
}
console.log(obj)

 

 怎么对属性进行限制

第二种方式的属性都是创建在对象里面的，我们可以用属性，描述符来限制属性

需要用到Object.defineProperty() ----- 定义一个新属性，或者修改一个对象现有属性 具体用法见例子

数据属性描述符（定义默认为false,修改默认为true)

var obj = {
    name: "tyy",
    mood: "unhappy",
    hobby: "study",
    age: 18
}
//修改一个对象的现有属性
Object.defineProperty(obj, 'age', {
    value: 20, //设置属性的值 默认是undefined
    configurable: true, //可配置的 代表属性是否可以被修改特性或者删除
    // enumerable: false, //表示属性是否可以通过for-in或者Object.keys()放回该属性
    writable: false, //表示是否可以修改属性的值

})
//定义一个新的属性
Object.defineProperty(obj, 'heght', {
    value: 45, //设置属性的值 默认是undefined
    configurable: true, //可配置的 代表属性是否可以被修改特性或者删除
    enumerable: true, //表示属性是否可以通过for-in或者Object.keys()放回该属性
    writable: false, //表示是否可以修改属性的值

})
console.log(obj.age);
// obj.age = 18
console.log(obj.age);
console.log(Object.keys(obj));

存取属性描述符（也是 定义为false 修改为true）

var obj = {
    name: "tyy",
    age: 20
}
var money = 100000000000000
Object.defineProperty(obj, 'money', {
    configurable: true, //表示属性特性是否可以被修改，以及是否可以删除该属性
    enumerable: true, //表示是否可以使用for-in和Object.keys()遍历对象
    get: function() { //获取属性时会执行的函数，默认undefined
        console.log('我获得值啦嘿嘿');
        return money
    },
    set: function(value) { //设置属性时会执行的函数，默认undefined
        console.log('我设置值啦嘻嘻');
        money = value
    }
})
console.log(obj.money);
obj.money = 200000000000000
console.log(obj.money);

 再来讲一下定义多个属性符使用Object.defineProperties（）

var obj = {
    name: 'tanyunyun',
    age: 18
}
Object.defineProperties(obj, {
    name: {
        value: 'taosifan',
        configurable: false
    },
    age: {
        value: 20
    }
})
console.log(obj);

 最后补充一下对象方法：

1:禁止对象添加新的属性

preventExtendsions

var obj = {
    name: 'tanyunyun',
    age: 18
}
Object.defineProperty(obj, 'mood', {
    value: "happy"
})
console.log(obj);
Object.preventExtensions() //禁止对象添加新的属性

2:禁止对象配置/删除里面的属性

Object.seal()

var obj = {
    name: 'tanyunyun',
    age: 18
}
Object.defineProperty(obj, 'mood', {
    value: "happy",
    configurable: true,
    enumerable: true
})
Object.seal(obj) //禁止删除配置对象里面的属性
delete obj.name
console.log(obj);

3:禁止属性修改,冻结了

Object.freeze()

var obj = {
    name: 'tanyunyun',
    age: 18
}
Object.defineProperty(obj, 'mood', {
    value: "happy",
    configurable: true,
    enumerable: true
})
Object.freeze(obj) //禁止删除配置对象里面的属性
obj.name = "taosifan"
console.log(obj);

 

 可以看到名字没有被修改