首頁 web前端 js教程 淺談javascript物件導向程式設計

淺談javascript物件導向程式設計

May 16, 2016 pm 04:18 PM
javascript 物件導向

本文主要給大家展示的是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影片教學!
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

簡易JavaScript教學:取得HTTP狀態碼的方法 簡易JavaScript教學:取得HTTP狀態碼的方法 Jan 05, 2024 pm 06:08 PM

簡易JavaScript教學:取得HTTP狀態碼的方法

探索Go語言中的物件導向編程 探索Go語言中的物件導向編程 Apr 04, 2024 am 10:39 AM

探索Go語言中的物件導向編程

PHP高階特性:物件導向程式設計的最佳實踐 PHP高階特性:物件導向程式設計的最佳實踐 Jun 05, 2024 pm 09:39 PM

PHP高階特性:物件導向程式設計的最佳實踐

Go語言的物件導向特性解析 Go語言的物件導向特性解析 Apr 04, 2024 am 11:18 AM

Go語言的物件導向特性解析

如何在JavaScript中取得HTTP狀態碼的簡單方法 如何在JavaScript中取得HTTP狀態碼的簡單方法 Jan 05, 2024 pm 01:37 PM

如何在JavaScript中取得HTTP狀態碼的簡單方法

Golang中有類似類別的物件導向特性嗎? Golang中有類似類別的物件導向特性嗎? Mar 19, 2024 pm 02:51 PM

Golang中有類似類別的物件導向特性嗎?

如何使用WebSocket和JavaScript實現線上電子簽名系統 如何使用WebSocket和JavaScript實現線上電子簽名系統 Dec 18, 2023 pm 03:09 PM

如何使用WebSocket和JavaScript實現線上電子簽名系統

WebSocket與JavaScript:實現即時線上財經新聞的關鍵技術 WebSocket與JavaScript:實現即時線上財經新聞的關鍵技術 Dec 17, 2023 pm 11:21 PM

WebSocket與JavaScript:實現即時線上財經新聞的關鍵技術

See all articles