首頁 > web前端 > js教程 > 主體

淺談javascript物件導向程式設計

PHPz
發布: 2018-09-29 16:31:04
原創
1279 人瀏覽過

本文主要給大家展示的是javascript物件導向程式設計的相關資料,需要的朋友可以參考下。

ECMA-262把對象定義為:「無序屬性的集合,其屬性可以包含基本值、對像或函數」

理解對象,最簡單的方式就是透過創建一個Object的實例,然後為它添加屬性和方法

var person = new Object();
person.name = "Xulei";
person.age = "23";
person.job = "前端工程师";
person.sayName = function () {
    alert(this.name);
}
登入後複製

還可以這樣寫

var person = {
     name: "xulei",
     age: 23,
     job: "前端工程",
     sayName: function () {
          alert(this.name)
     }
}
登入後複製

屬性類型:資料屬性和存取其屬性
屬性類型:資料屬性和存取其屬性


1、資料屬性,有4個描述其行為的特性

[Configurable]:表示能否透過delete刪除屬性從而重新定義屬性,能否修改屬性的特性,或能否把屬性修改為存取器屬性,預設值為true;

[Enumerable]:表示能否透過for-in回傳屬性,預設值為true;
var person = {
      name: "xulei"
}
登入後複製
[Writable]:表示能否修改屬性,預設值為true;

[Value]:包含這個屬性的資料值。預設值為undefined。


這裡建立了一個person對象,value值就是「xulei」

var peron = {}
        Object.defineProperty(peron, "name", {
            writable: false,//属性不能被修改
            value: "徐磊-xulei"
        });

        alert(peron.name);//徐磊-xulei
        peron.name = "徐磊";
        alert(peron.name);//徐磊-xulei
登入後複製
要修改屬性的預設特性,必須使用ECMAScript5的Object.defineProperty(屬性所在的物件,屬性的名字,描述符物件)

描述符物件必須是configurable、enumerable、writable、value

 以上操作在非嚴格模式下賦值操作會被忽略,如果在嚴格模式下會拋出異常

 一旦把屬性定義為不可設定的就不能把它變回可設定的了。

在多數情況下都沒有必要利用Object.defineProperty()方法提供的這些進階功能。但對理解javascript非常有用。

建議讀者不要在ie8上使用此方法。


2、存取其屬性,有4個特性

[Configurable]:表示能否透過delete刪除屬性從而重新定義屬性,能否修改屬性的特性,或者能否把屬性修改為存取器屬性,預設值為true;

[Enumerable]:表示能否透過for-in回傳屬性,預設值為true;

[Get]:讀取時呼叫的函數;[Set]:在寫入屬性時呼叫的函數。

以上就是本章的全部內容,更多相關教學請訪問JavaScript影片教學!
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板