JavaScript面向對象編程——Object類型

Object類型

操做對象的屬性

屬性描述符

JavaScript提供了一個內部數據結構，用於描述對象的值，控制其行爲，例如該屬性是否可寫，是否可配置，是否可修改以及是否可枚舉等。這個內部數據結構被稱爲「屬性描述符」。
每一個屬性都有本身對應的屬性描述符，保存該屬性的原信息。

// 表示建立一個空對象
var obj1 = new Object(null);
var obj2 = new Object(undefined);

// 表示建立一個與給定值對應類型的對象
var obj3 = new Object(100);
console.log(obj3);// [Number: 100]
var num = new Number(100);
console.log(num);// [Number: 100]

// 當以非構造函數形式被調用時，Object等同於new Object()
var obj4 = Object();// 函數調用
var obj5 = new Object();// 構造函數調用

數據描述符

數據描述符是一個具備值的屬性，該值多是可寫的，也可能不是可寫的。數據描述符具備如下可選值：
1.value；該屬性對應的值。可使任何有效的JavaScript值（數值，對象，函數 ）。默認爲undefined。
2.writable；當且僅當該屬性的writable爲true時，value才能被賦值運算符改變。默認爲false。
3.configurable；當且僅當該屬性的configurable爲true時，該屬性描述符纔可以被改變，同時該屬性也能從對應的對象上刪除。默認爲false。
4.enumerable；當且僅當該屬性的enumerable爲true時，該屬性才能出如今對象的枚舉屬性中默認爲false。

存取描述符

存取描述符是由getter-setter函數對描述的屬性。存取描述符具備如下可選值：
1.get；給屬性提供getter的方法，若是沒有getter則爲undefined。當訪問該屬性是，該方法會被執行，方法執行是沒有參數傳人，可是會傳入this對象。
2.set；給屬性提供setter的方法，若是沒有setter則爲undefined。當屬性值修改時，觸發執行該方法。該方法將接受惟一參數，即該屬性新的參數值。
3.configurable；當且僅當該屬性的configurable爲true是，該屬性描述符纔可以改變，同時該屬性也能從對應的對象上被刪除 。默認爲false。
4.enumerable；當且僅當該屬性的enumerable爲true時，該屬性纔可以出現對象的枚舉屬性中。默認爲false。

獲取屬性描述符

經過定義對象(屬性或方法)這種方式
     屬性默認都是數據描述符
 
var obj = {
    name : '張無忌'
}

    使用Object.getOwnPropertyDescriptor()方法獲取指定屬性的描述符
    Object.getOwnPropertyDescriptor(obj,prop)
     obj - 表示指定屬性對應的目標對象
     prop - 表示獲取描述符的目標屬性名稱
     返回值 - 其屬性描述符對象
  
var result = Object.getOwnPropertyDescriptor(obj,'name');
console.log(result);

設置屬性描述符

var obj = {
    // 定義對象的同時定義了該屬性以及值(可修改、可刪除以及可枚舉的)
    name : '張無忌'
}

    Object.defineProperty(obj, prop, desc)方法
     做用
       用於定義目標對象的新屬性
       用於修改目標對象的已存在屬性
     參數
       obj - 表示目標對象
       prop - 表示目標對象的目標屬性名稱
       desc - 表示屬性描述符，必須是對象格式
        {
            value : 值
        }
     返回值 - 返回傳遞的對象
 
Object.defineProperty(obj, 'name', {
    value : '周芷若'
});
console.log(obj.name);// 周芷若

    一樣都是爲對象新增屬性
    1.若是直接使用 "對象名.屬性名 = 值" -> 可修改、可刪除以及可枚舉的
    2.若是使用Object.defineProperty()方法新增屬性
       該新屬性是不可修改、不可刪除以及不可枚舉的
 
Object.defineProperty(obj, 'age', {
    value : 18
});
console.log(obj.age);// 18

var result1 = Object.getOwnPropertyDescriptor(obj, 'age');
console.log(result1);
// 一旦屬性的值是不可修改的 - 若是執行修改操做時 -> 沒有語法報錯，可是無效
obj.age = 80;
console.log(obj.age);// 18

obj.job = '教主';
var result2 = Object.getOwnPropertyDescriptor(obj, 'job');
console.log(result2);

var obj = {
    // 定義對象的同時定義了該屬性以及值(可修改、可刪除以及可枚舉的)
    name : '張無忌'
}
// 修改現有屬性
Object.defineProperty(obj, 'name', {
    value : '周芷若',
    writable : false // 不可修改
});
console.log(obj.name);// 周芷若
// 修改name屬性值
obj.name = '趙敏';
console.log(obj.name);// 周芷若

Object.defineProperty(obj, 'age', {
   value : 18,
   writable : true
});
console.log(obj.age);// 18
// 修改age屬性值
obj.age = 80;
console.log(obj.age);// 80
// 刪除age屬性值
delete obj.age;
console.log(obj.age);// undefined

屬性描述符的存取器

對象的屬性除了能夠直接定義之外，還可使用存取器進行定義。其中setter爲存值函數，使用屬性描述符總set；getter爲取值函數，使用屬性描述符的get。

var obj = {
    name : '張無忌'
}
var value;// 全局變量
Object.defineProperty(obj, 'name', {
    // 獲取指定的屬性值
    get : function(){// 當獲取或訪問當前屬性時，會調用get方法
        console.log('this is get function');
        
            相似於數據描述符中的value
             get方法在被調用時，不能傳遞任何參數
             get方法在被調用時，容許傳遞this關鍵字
               this - 表示當前的目標對象(不能調用對象的當前目標屬性)
          
        return value;// 因爲變量爲初始化，調用時可能結果爲 undefined
    },
    
        set方法用於定義當前目標屬性的修改做用
         該方法接收惟一的一個參數 -> 做爲當前目標屬性的新的值
         經過屬性修改操做指定的新的值 -> 做爲形參對應的實參
     
    set : function(newValue){
        console.log('this is set function: ' + value);
        
            set方法在被調用時，容許傳遞this關鍵字
               this - 表示當前的目標對象(不能調用對象的當前目標屬性)
         
        value = newValue;
    }
});
console.log(obj.name);// undefined

obj.name = '趙敏';
console.log(obj.name);// 趙敏

防篡改對象

防篡改是什麼

定義的對象默認在任什麼時候候、任何位置，不管有意義的仍是沒有意義的均可以修改獨享的屬性或方法.而這些篡改可能會影響對象的內置屬性或方法，從而致使對象的正常功能沒法使用。
JavaScript在ECMAScript5版本中新增了防止篡改對象的屬性或方法的機制，功提供了一下三級保護方式：
1.禁止擴展；禁止對對象擴展心的屬性或方法
2.密封對象；禁止擴展心的屬性或方法，禁止配置現有的屬性或方法的描述符，容許讀寫屬性的值。
3.凍結對象；禁止對對象執行任何修改操做。

禁止擴展

若是禁止爲對象擴展新的屬性或方法，須要修改對象屬性extensible爲false。

var obj = {};
// 將對象設置禁止擴展
Object.preventExtensions(obj);
// 新增屬性或方法無效 -> 語法沒有報錯
obj.name = '張無忌';
console.log(obj);

    Object.defineProperty()方法新增屬性
     結果 - 報錯
     信息 - TypeError: Cannot define property:name, object is not extensible.
 
Object.defineProperty(obj, 'name', {
    value : '周芷若'
});
console.log(obj);


    Object.isExtensible(obj)方法
     做用 - 用於判斷指定目標對象是否可擴展
     返回值
       true - 表示指定目標對象是可擴展的
       false - 表示指定目標哦對象是不可擴展的
 
var result = Object.isExtensible(obj);
console.log(result);

密封對象

密封對象，就是指禁止爲對象擴展心的守護星或方法，而且禁止修改現有屬性的描述符。

var obj = {
    name : '張無忌' // 表示可修改
};
console.log(Object.getOwnPropertyDescriptor(obj, 'name'));


    將該對象進行密封
    1.不能爲該對象新增屬性或方法
    2.不能修改該對象的屬性或方法的描述符
       configurable
       enumerable
  
Object.seal(obj);

console.log(Object.getOwnPropertyDescriptor(obj, 'name'));

 新增屬性
obj.age = 18;
console.log(obj);
// 修改屬性
obj.name = '周芷若';
console.log(obj);

Object.defineProperty(obj, 'age', {
    value : 18
});
Object.defineProperty(obj, 'name', {
    value : '周芷若',
    writable : false, // 表示不可修改
    configurable : true,
    enumerable : false
});

console.log(Object.getOwnPropertyDescriptor(obj, 'name'))

console.log(obj);

obj.name = '趙敏';
console.log(obj);

凍結對象

凍結對象，就是指禁止對對象執行任何修改操做。

var obj = {
    name : '張無忌'
}
// 凍結對象
Object.freeze(obj);

/*obj.age = 18;
console.log(obj);
obj.name = '周芷若';
console.log(obj);
delete obj.name;
console.log(obj);*/

Object.defineProperty(obj, 'age', {
    value : 18
});
console.log(obj);