javascript對象定義set和get的方式解讀！~

godlong_X 發布于2019-08-20 15:42 / 762人閱讀

摘要：方式使用原始的和標記設置方式使用原型方法進行設置使用和進行設置

/**

     * 方式1：使用原始的set 和 get標記設置
     * @type {Object}
     */
    var obj1 = {
        name: "shaanxi",
        get nameGet() {

            return this.name;
        },
        set nameSet(name) {
            this.name = name;
        }
    };

    console.info(obj1.nameGet);
    obj1.nameSet = "set by set keywords";
    console.info(obj1.nameGet);
    console.info("------------------------");
    /**
     * 方式2：使用原型方法進行設置
     * @type {Object}
     */
    var obj2 = {
        name: "shaanxi"
    };

    obj2.__defineGetter__("nameGet", function() {
        return this.name;
    });
    obj2.__defineSetter__("nameSet", function(
        name) {
        this.name = name;
    });
    var ref1 = obj2.__lookupGetter__("nameGet");
    var ref2 = obj2.__lookupSetter__("nameSet");
    console.info(obj2.nameGet);
    obj2.nameSet = "set by __defineSetter__";
    console.info(obj2.nameGet);
    console.info("-----------------------------");
    /**
     * 使用Object.defineProperty()和Object.defineProperties()進行設置
     * @type {Object}
     */
    var obj3 = {
        name: "shaanxi"
    };

    /*Object.defineProperty(obj3, "nameGet", {
        value: function() {
            return this.name;
        }
    });

    Object.defineProperty(obj3, "nameSet", {
        value: function(name) {
            this.name = name;
        }
    });*/

    Object.defineProperties(obj3, {
        nameGet: {
            value: function() {
                return this.name;
            }
        },
        nameSet: {
            value: function(name) {
                this.name = name;
            }
        }
    });

    console.info(obj3.nameGet());
    obj3.nameSet("set by Object.defineProperty");
    console.info(obj3.nameGet());

    /**
     * end
     */

GPU云服務器云服務器按照云計算服務的方式和服務對象的范圍 javascript類和對象 post和get的區別 GET和POST的區別

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

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

從koa-session源碼解讀session本質

摘要：前言，又稱為會話控制，存儲特定用戶會話所需的屬性及配置信息。類先看構造函數居然啥屁事都沒干。由此基本得出推斷，并不是服務器原生支持，而是由服務程序自己創建管理。類老規矩，先看構造函數接收了實例傳來和，其他沒有做什么。前言 Session，又稱為會話控制，存儲特定用戶會話所需的屬性及配置信息。存于服務器，在整個用戶會話中一直存在。然而： session 到底是什么？ session...

remcarpediem 2019-08-23 14:06 評論0 收藏0
Yii源碼解讀－依賴注入（容器）

摘要：在中使用解耦，有兩種注入方式構造函數注入屬性注入。對象的實例化解析依賴信息該方法實質上就是通過的反射機制，通過類的構造函數的參數分析他所依賴的單元。有關概念依賴倒置原則（Dependence Inversion Principle, DIP）傳統軟件設計中，上層代碼依賴于下層代碼，當下層出現變動時，上層也要相應變化。 DIP的核心思想是：上層定義接口，下層實現這個接口，從而使的下...

Prasanta 2019-06-27 12:11 評論0 收藏0
【Vue 2.0】核心源碼解讀 -- 不定期更新

摘要：觀察員由模板解析指令創建的觀察員負責模板中的更新視圖操作。觀察員種類目前了解情況來看主要分三類視圖指令的計算屬性的用戶自定義的介紹關于 Vue.js 的原理一直以來都是一個話題。經過幾天的源碼學習和資料介紹，我將一些個人理解的經驗給寫下來，希望能夠與大家共勉。附上GITHUB源碼地址, 如果有任何不解可以在文章下面提出或者寫下issue, 方便大家回答和學習, 有興趣可以St...

sunsmell 2019-08-21 16:51 評論0 收藏0
解讀express 4.x源碼(1)

摘要：在后續的總結中，我會繼續分析，并準備將一些值得分析的逐一解讀，也會涉及一些。從一個官方示例開始這是官方給出的一個簡單程序，運行后訪問顯示。第一行載入了框架，我們來看源代碼中的。代碼的開始定義了一個函數，函數有形參，，為回調函數。這兩天仔細看了看express的源碼，對其的整個實現有了較清晰的認識，所以想總結一下寫出來，如果有什么不對的地方，望指出。這是第一篇，首先介紹一個最簡單的...

summerpxy 2019-08-21 12:21 評論0 收藏0
Javascript面向對象的程序設計_理解對象

摘要：面向對象的程序設計理解對象前言最近在細讀高級程序設計，對于我而言，中文版，書中很多地方翻譯的差強人意，所以用自己所理解的，嘗試解讀下。總結如果英語水平足夠好的話，建議看英文原版書籍或者國外大師的博客。 JS面向對象的程序設計_理解對象前言：最近在細讀Javascript高級程序設計，對于我而言，中文版，書中很多地方翻譯的差強人意，所以用自己所理解的，嘗試解讀下。如有紕漏或錯誤，會非...

劉厚水 2019-08-23 12:14 評論0 收藏0