国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JavaScript面向對象...Object類型...

keithyau / 1863人閱讀

摘要:面向對象面向對象是什么面向對象編程簡稱相似的對象稱為類面向對象編程的三個主要特征是封裝繼承多態所有的程序是由一定的屬性和行為對象組成的不同的對象的訪問通過函數調用來完成對象間所有的交流都是通過方法調用通過對封裝對象數據提高復用率是一種基于原

面向對象 面向對象是什么

面向對象編程 簡稱OOP 相似的對象 稱為類
面向對象編程的三個主要特征是:1.封裝 2.繼承 3.多態
所有的程序是由一定的屬性和行為對象組成的 不同的對象的訪問通過函數調用來完成 對象間所有的交流都是通過方法調用 通過對封裝對象數據 提高復用率
JavaScript是一種基于原型的面向對象編程 而不是基于類的

封裝

封裝是按照要求使用并得到對應的結果 而不需要知道其真實的執行原理是怎樣的 關心入出 不看結果
封裝主要用于闡述對象中所包含(或封裝)的內容 由兩部分組成:
1.相關的數據
2.基于這些數據所能做的事情

繼承

繼承是指類與類之間的關系 如果兩個類都有相同的屬性或方法 那么可以讓一個類繼承于另一個類 這樣就不需要在前者再次定義同樣的屬性或方法
創建一個或多個類的專門版本類方式稱為繼承(JavaScript只支持單繼承)創建的專門版本的類通常叫做子類 另外的類通常叫做父類

多態

不同的對象可以定義具有相同名稱的方法 方法的作用于所在的對象中 這種不同對象通過相同方法的調用實現各自行為的能力 被稱為多態

構造函數

構造函數又稱為構造器或對象模板 是對象中的一個方法 在實例化時構造器被調用 在JavaScript中函數就可以作為構造器使用 因此不需要特定地定義一個構造器方法

/*
   創建構造函數(類的概念) - 用于常見對象(屬性和方法)
    function 構造函數名稱(){
       this.屬性名 = 屬性值;
       this.方法名 = function(){
             方法體
       }
    }
    * this關鍵字 - 指代利用當前構造函數創建的對象
*/
function Hero(name){
    this.name = name;
    this.sayMe = function(){
        console.log("我是"+ name);
    }
}
//利用構造函數創建對象
var hero = new Hero("張三");
console.log(hero);

var obj = {
    name:"張三",
    sayMe:function(){
        console.log("我是張三");
    }
}
構造函數的屬性

構造函數的屬性實際上就是對象的變量 一個對象可以包含多個屬性 定義構造函數的屬性時使用this關鍵字

//1.函數;2.構造函數
function Hero(name){
    var v = 100;//局部變量
    function n(){};//內部函數
    this.name = name;//屬性
    this.sayMe = function(){//屬性
        console.log("我是"+ name);
   }
}
//1.函數調用
Hero();
//2.構造函數使用
var hero = new Hero();

function fun(){
    var v = 100;//局部變量
    //方法
    this.get = function(){
        return v;
    }
    this.set = function(value){
        v = value;
    }
}
//構造函數
var f = new fun();
console.log(f);

console.log(f.get());
f.set(200);
console.log(f.get())
Object類型

Object創建對象

//表示創建一個空對象
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();//構造函數調用

獲取屬性描述符

JavaScript提供了一個內部數據結構 用于描述對象的值 控制其行為 例如該屬性是否可寫 是否可配置 是否可修改以及是否可枚舉等 這個內部數據結構被稱為"屬性描述符"
每個屬性都有自己對應的屬性描述符 保存該元素的元信息

/*
    通過定義對象(屬性或方法)這種方式
    * 屬性默認都是數據描述符
 */
var obj = {
    name : "李四"
}
/*
    使用Object.getOwnPropertyDescriptor()方法獲取指定屬性的描述符
    Object.getOwnPropertyDescriptor(obj,prop)
    * obj - 表示指定屬性對應的目標對象
    * prop - 表示獲取描述符的目標屬性名稱
    * 返回值 - 其屬性描述符對象
  */
var result = Object.getOwnPropertyDescriptor(obj,"name");
console.log(result);

對象目前存在的屬性描述符有兩種主要形式:數據描述和存取描述符

數據描述符

數據描述符是一個具有值的屬性 該屬性可能是可寫的 也可能是不可寫的 數據描述符具有以下可選鍵值:
1.value:該屬性對應的值 可以是任何有效的JaveScript值(數值 對象 函數等)默認為undefined
2.writable:當且僅該屬性的writable為true時 value才能被賦值運算符改變 默認為false
3.configurable:當且該屬性的configurable 為true時 該屬性描述符才能夠被改變 同時該屬性也能從對應的對象上被刪除 默認為false
4.enumerable:當且僅該屬性的enumerable為true時 該屬性才能夠出現在對象的枚舉屬性中 默認為false

設置屬性描述符value

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 : 28
});
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);

設置屬性描述符writable

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 : 28,
    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

設置屬性描述符configurable

var obj = {
    //定義對象的同時定義了該屬性以及值(可修改 可刪除以及可枚舉的)
    name : "張三"
}
//修改現在屬性
Object.defineProperty(obj,"name",{
    value : "李四",
    writable : true,//控制當前屬性是否可以被修改
    configurable : true //控制當前屬性是否可被修改
});
console.log(obj.name);//李四
//修改name屬性值
obj.name = "王五";
console.log(obj.name);//李四
//刪除name屬性值
delete obj.name;
console.log(obj.name);//李四

設置屬性描述符enumerable

var obj = {
    // 定義對象的同時定義了該屬性以及值(可修改、可刪除以及可枚舉的)
    name : "張三"
}
Object.defineProperty(obj, "name", {
    value : "李四",
    enumerable : false
});
console.log(obj.name);// 李四
/*
    屬性描述符enumerable - 控制當前屬性是否可被枚舉(遍歷)
    * 僅能循環遍歷對象中可被枚舉的屬性
      * for...in語句
      * keys()方法
    * 可以循環遍歷對象中可被枚舉和不可被枚舉的屬性
      * 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(){// 當獲取或訪問當前屬性時,會調用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);// 王五;// undefined
放篡改對象

防篡改是什么

定義的對面默認在任何時候 任何位置 無論有意義的還是無意義的都可以修改對象的屬性或方法
而這些篡改可能會影響對象的內置屬性或方法 從而導致對象的正常功能可能無法使用
JaveScript在ECWASScript5版本中新增了放置篡改對象的屬性或方法的機制 共提供了三級保護方式:
1.禁止擴展:禁止為對象擴展新的屬性或方法
2.密封對象:禁止擴展新的屬性或方法 禁止配置現有的屬性或方法的描述符 僅允許讀寫屬性的值
3.凍結對象:禁止對對象執行任何修改操作

禁止擴展

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);

密封對象

密封對象 就是指禁止為對象擴展新的屬性或方式 并且修改現有屬性的描述符

//最簡單的方法來生成一個密封對象 使用Objet.seal.
var sealed = {};
Objet.seal(sealed);
Objet.isSealed(sealed);//===true

//一個密封對象同時也是不可擴展的
Objet.isExtensible(sealed);//===false

凍結對象

凍結對象 就是值禁止對象執行任何修改操作

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);

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/108176.html

相關文章

  • JavaScript設計模式與開發實踐 | 01 - 面向對象JavaScript

    摘要:在中,并沒有對抽象類和接口的支持。例如,當對象需要對象的能力時,可以有選擇地把對象的構造器的原型指向對象,從而達到繼承的效果。本節內容為設計模式與開發實踐第一章筆記。 動態類型語言 編程語言按數據類型大體可以分為兩類:靜態類型語言與動態類型語言。 靜態類型語言在編譯時已確定變量類型,動態類型語言的變量類型要到程序運行時,待變量被賦值后,才具有某種類型。 而JavaScript是一門典型...

    suxier 評論0 收藏0
  • SegmentFault 技術周刊 Vol.32 - 七夕將至,你的“對象”還好嗎?

    摘要:很多情況下,通常一個人類,即創建了一個具體的對象。對象就是數據,對象本身不包含方法。類是相似對象的描述,稱為類的定義,是該類對象的藍圖或原型。在中,對象通過對類的實體化形成的對象。一類的對象抽取出來。注意中,對象一定是通過類的實例化來的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了,離年底老媽老爸...

    李昌杰 評論0 收藏0
  • SegmentFault 技術周刊 Vol.32 - 七夕將至,你的“對象”還好嗎?

    摘要:很多情況下,通常一個人類,即創建了一個具體的對象。對象就是數據,對象本身不包含方法。類是相似對象的描述,稱為類的定義,是該類對象的藍圖或原型。在中,對象通過對類的實體化形成的對象。一類的對象抽取出來。注意中,對象一定是通過類的實例化來的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了,離年底老媽老爸...

    Lyux 評論0 收藏0
  • SegmentFault 技術周刊 Vol.32 - 七夕將至,你的“對象”還好嗎?

    摘要:很多情況下,通常一個人類,即創建了一個具體的對象。對象就是數據,對象本身不包含方法。類是相似對象的描述,稱為類的定義,是該類對象的藍圖或原型。在中,對象通過對類的實體化形成的對象。一類的對象抽取出來。注意中,對象一定是通過類的實例化來的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了,離年底老媽老爸...

    AaronYuan 評論0 收藏0
  • 理清javascript中的面向對象(一)——原型繼承

    摘要:有一函數若是用來生成對象,則稱為構造函數名。屬性指定了使用該構造函數生成的對象實例繼承了哪個對象實例。因此,只要利用,就能在構造函數中,為未來利用此構造函數生成的對象實例,添加成員屬性和成員方法了。 與其它編程語言不一樣的是,javascript的面向對象并非依賴于抽象的類,而是通過原型鏈,將一個個具體的對象實例進行連接,位于原型鏈下游的對象實例可以讀取/使用位于上游的對象實例的屬性/...

    beita 評論0 收藏0
  • 面向對象JavaScript(如何一步步成為js高手)

    摘要:雖然,也是面向疾苦的語言,但是,它和靜態類型語言的面向接口編程不一而足。對象對他自己的行為負責,其他對象不關心它的內部實現。 ‘工欲善其事,必先利其器’,在深入學習JavaScript之前,我認為我們很有必要了解以下,JavaScript這門面向對象的動態語言到底是一門什么樣的語言。 JavaScript vs 其他面向對象語言 它沒有使用像Java等傳統的面向對象語言的類式繼承,而...

    peixn 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<