面向?qū)ο缶幊痰娜Q是Object Oriented Programming,簡(jiǎn)稱為OOP。面向?qū)ο缶幊淌怯贸橄蠓绞絼?chuàng)建給予現(xiàn)實(shí)世界模型的一種編程模式。面向?qū)ο缶幊炭梢?br>面向?qū)ο缶幊痰娜齻€(gè)主要特征是:1.封裝 2.繼承 3.多態(tài)
所有的程序是由一定的屬性和行為對(duì)象組成的 不同的對(duì)象的訪問(wèn)通過(guò)函數(shù)調(diào)用來(lái)完成 對(duì)象間所有的交流都是通過(guò)方法調(diào)用 通過(guò)對(duì)封裝對(duì)象數(shù)據(jù) 提高復(fù)用率
JavaScript是一種基于原型的面向?qū)ο缶幊?而不是基于類(lèi)的。

構(gòu)造函數(shù)又被稱為構(gòu)造器或?qū)ο竽０?，是?chuàng)建對(duì)象的一個(gè)方法。

創(chuàng)建構(gòu)造函數(shù)是用于創(chuàng)建對(duì)象
語(yǔ)法：
function 構(gòu)造函數(shù)名稱（）{
this . 屬性名 =屬性值;
this . 方法名 = function(){

   方法體}

}
示例代碼如下：

function HERO (){
this . name = "EVA";
this . sayMe = function (){
      console .log("this is eva")  
      }
}/*this關(guān)鍵字用于指代利用當(dāng)前構(gòu)造函數(shù)創(chuàng)建的對(duì)象*/
/*利用已經(jīng)創(chuàng)建的構(gòu)造函數(shù)創(chuàng)建對(duì)象*/
var hero = new Hero("shinji");
console.log(hero);

// 表示創(chuàng)建一個(gè)空對(duì)象
var obj1 = new Object(null);
var obj2 = new Object(undefined);

// 表示創(chuàng)建一個(gè)與給定值對(duì)應(yīng)類(lèi)型的對(duì)象
var obj3 = new Object(100);
console.log(obj3);// [Number: 100]
var num = new Number(100);
console.log(num);// [Number: 100]

// 當(dāng)以非構(gòu)造函數(shù)形式被調(diào)用時(shí)，Object等同于new Object()
var obj4 = Object();// 函數(shù)調(diào)用
var obj5 = new Object();// 構(gòu)造函數(shù)調(diào)用

用于描述對(duì)象的值，控制其行為，例如該屬性是否可寫(xiě)、是否可配置、是否可修改以及是否可美劇等
屬性描述符有兩種主要的形式：數(shù)據(jù)描述符和存取描述符

數(shù)據(jù)描述符是一個(gè)具有值的屬性，該值可能是可寫(xiě)的，也可能不是可寫(xiě)的。數(shù)據(jù)描述符有以下可選的鍵值：
1.value:該屬性對(duì)應(yīng)的值 可以是任何有效的JaveScript值(數(shù)值 對(duì)象 函數(shù)等)默認(rèn)為undefined
2.writable:當(dāng)且僅該屬性的writable為true時(shí) value才能被賦值運(yùn)算符改變 默認(rèn)為false
3.configurable:當(dāng)且該屬性的configurable 為true時(shí) 該屬性描述符才能夠被改變 同時(shí)該屬性也能從對(duì)應(yīng)的對(duì)象上被刪除 默認(rèn)為false
4.enumerable:當(dāng)且僅該屬性的enumerable為true時(shí) 該屬性才能夠出現(xiàn)在對(duì)象的枚舉屬性中 默認(rèn)為false

/*
    通過(guò)定義對(duì)象(屬性或方法)這種方式
    * 屬性默認(rèn)都是數(shù)據(jù)描述符
 */
var obj = {
    name : "EVA"
}
/*
    使用Object.getOwnPropertyDescriptor()方法獲取指定屬性的描述符
    Object.getOwnPropertyDescriptor(obj,prop)
    * obj - 表示指定屬性對(duì)應(yīng)的目標(biāo)對(duì)象
    * prop - 表示獲取描述符的目標(biāo)屬性名稱
    * 返回值 - 其屬性描述符對(duì)象
  */
var result = Object.getOwnPropertyDescriptor(obj,"name");
console.log(result);
/*輸出結(jié)果為 
{ value: "EVA",
  writable: true,
  enumerable: true,
  configurable: true }*/

var obj = {
    // 定義對(duì)象的同時(shí)定義了該屬性以及值(可修改、可刪除以及可枚舉的)
    name : "EVA"
}
/*
    Object.defineProperty(obj, prop, desc)方法
    * 作用
      * 用于定義目標(biāo)對(duì)象的新屬性
      * 用于修改目標(biāo)對(duì)象的已存在屬性
    * 參數(shù)
      * obj - 表示目標(biāo)對(duì)象
      * prop - 表示目標(biāo)對(duì)象的目標(biāo)屬性名稱
      * desc - 表示屬性描述符，必須是對(duì)象格式
        {
            value : 值
        }
    * 返回值 - 返回傳遞的對(duì)象
 */
Object.defineProperty(obj, "name", {
    value : "EVA02"
});
console.log(obj.name);// EVA02
/*
    同樣都是為對(duì)象新增屬性
    1.如果直接使用 "對(duì)象名.屬性名 = 值" -> 可修改、可刪除以及可枚舉的
    2.如果使用Object.defineProperty()方法新增屬性
      * 該新屬性是不可修改、不可刪除以及不可枚舉的
 */
Object.defineProperty(obj, "age", {
    value : 18
});
console.log(obj.age);// 18

var result1 = Object.getOwnPropertyDescriptor(obj, "age");
console.log(result1);
// 一旦屬性的值是不可修改的 - 如果執(zhí)行修改操作時(shí) -> 沒(méi)有語(yǔ)法報(bào)錯(cuò)，但是無(wú)效
obj.age = 80;
console.log(obj.age);// 18

obj.job = "駕駛員";
var result2 = Object.getOwnPropertyDescriptor(obj, "job");
console.log(result2);

var obj = {
    // 定義對(duì)象的同時(shí)定義了該屬性以及值(可修改、可刪除以及可枚舉的)
    name : "碇真嗣"
}
// 修改現(xiàn)有屬性
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

var obj = {
    // 定義對(duì)象的同時(shí)定義了該屬性以及值(可修改、可刪除以及可枚舉的)
    name : "碇真嗣"
}
// 修改現(xiàn)有屬性
Object.defineProperty(obj, "name", {
    value : "綾波麗",
    writable : true, // 控制當(dāng)前屬性是否可被修改
    configurable : true // 控制當(dāng)前屬性是否可被刪除
});
console.log(obj.name);// 綾波麗
// 修改name屬性值
obj.name = "明日香";
console.log(obj.name);// 綾波麗
// 刪除name屬性值
delete obj.name;
console.log(obj.name);// 綾波麗

var obj = {
    // 定義對(duì)象的同時(shí)定義了該屬性以及值(可修改、可刪除以及可枚舉的)
    name : "碇真嗣"
}
Object.defineProperty(obj, "name", {
    value : "綾波麗",
    enumerable : false
});
console.log(obj.name);// 綾波麗
/*
    屬性描述符enumerable - 控制當(dāng)前屬性是否可被枚舉(遍歷)
    * 僅能循環(huán)遍歷對(duì)象中可被枚舉的屬性
      * for...in語(yǔ)句
      * keys()方法
    * 可以循環(huán)遍歷對(duì)象中可被枚舉和不可被枚舉的屬性
      * getOwnPropertyNames()方法
 */
for (var i in obj) {
    console.log(i);
}
var result1 = Object.keys(obj);
console.log(result1);
var result2 = Object.getOwnPropertyNames(obj);
console.log(result2);

var obj = {
    name : "碇真嗣"
}
var value;// 全局變量
Object.defineProperty(obj, "name", {
    // 獲取指定的屬性值
    get : function(){// 當(dāng)獲取或訪問(wèn)當(dāng)前屬性時(shí)，會(huì)調(diào)用get方法
        console.log("this is get function");
        /*
            類(lèi)似于數(shù)據(jù)描述符中的value
            * get方法在被調(diào)用時(shí)，不能傳遞任何參數(shù)
            * get方法在被調(diào)用時(shí)，允許傳遞this關(guān)鍵字
              * this - 表示當(dāng)前的目標(biāo)對(duì)象(不能調(diào)用對(duì)象的當(dāng)前目標(biāo)屬性)
          */
        return value;// 由于變量為初始化，調(diào)用時(shí)可能結(jié)果為 undefined
    },
    /*
        set方法用于定義當(dāng)前目標(biāo)屬性的修改作用
        * 該方法接收唯一的一個(gè)參數(shù) -> 作為當(dāng)前目標(biāo)屬性的新的值
        * 通過(guò)屬性修改操作指定的新的值 -> 作為形參對(duì)應(yīng)的實(shí)參
     */
    set : function(newValue){
        console.log("this is set function: " + value);
        /*
            set方法在被調(diào)用時(shí)，允許傳遞this關(guān)鍵字
              * this - 表示當(dāng)前的目標(biāo)對(duì)象(不能調(diào)用對(duì)象的當(dāng)前目標(biāo)屬性)
         */
        value = newValue;
    }
});
console.log(obj.name);// undefined

obj.name = "綾波麗";
console.log(obj.name);// 綾波麗

定義的對(duì)面默認(rèn)在任何時(shí)候 任何位置 無(wú)論有意義的還是無(wú)意義的都可以修改對(duì)象的屬性或方法，而這些篡改可能會(huì)影響對(duì)象的內(nèi)置屬性或方法 從而導(dǎo)致對(duì)象的正常功能可能無(wú)法使用。JaveScript在ECWASScript5版本中新增了放置篡改對(duì)象的屬性或方法的機(jī)制 共提供了三級(jí)保護(hù)方式:
1.禁止擴(kuò)展:禁止為對(duì)象擴(kuò)展新的屬性或方法
2.密封對(duì)象:禁止擴(kuò)展新的屬性或方法 禁止配置現(xiàn)有的屬性或方法的描述符 僅允許讀寫(xiě)屬性的值
3.凍結(jié)對(duì)象:禁止對(duì)對(duì)象執(zhí)行任何修改操作

禁止為對(duì)象擴(kuò)展新的屬性或方法

var obj = {};
// 將對(duì)象設(shè)置禁止擴(kuò)展
Object.preventExtensions(obj);
// 新增屬性或方法無(wú)效 -> 語(yǔ)法沒(méi)有報(bào)錯(cuò)
obj.name = "張無(wú)忌";
console.log(obj);
/*
    Object.defineProperty()方法新增屬性
    * 結(jié)果 - 報(bào)錯(cuò)
    * 信息 - TypeError: Cannot define property:name, object is not extensible.
 */
Object.defineProperty(obj, "name", {
    value : "周芷若"
});
console.log(obj);

/*
    Object.isExtensible(obj)方法
    * 作用 - 用于判斷指定目標(biāo)對(duì)象是否可擴(kuò)展
    * 返回值
      * true - 表示指定目標(biāo)對(duì)象是可擴(kuò)展的
      * false - 表示指定目標(biāo)哦對(duì)象是不可擴(kuò)展的
 */
var result = Object.isExtensible(obj);
console.log(result);

禁止擴(kuò)展新的屬性或方法，禁止配置現(xiàn)有的屬性或方法的描述符，僅允許讀寫(xiě)屬性的值

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

/*
    將該對(duì)象進(jìn)行密封
    1.不能為該對(duì)象新增屬性或方法
    2.不能修改該對(duì)象的屬性或方法的描述符
      * 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);

禁止對(duì)對(duì)象執(zhí)行任何操作

var obj = {
    name : "張無(wú)忌"
}
// 凍結(jié)對(duì)象
Object.freeze(obj);