javascript對(duì)象定義set和get的方式解讀！~

godlong_X 發(fā)布于2019-08-20 15:42 / 765人閱讀

摘要：方式使用原始的和標(biāo)記設(shè)置方式使用原型方法進(jìn)行設(shè)置使用和進(jìn)行設(shè)置

/**

     * 方式1：使用原始的set 和 get標(biāo)記設(shè)置
     * @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：使用原型方法進(jìn)行設(shè)置
     * @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()進(jìn)行設(shè)置
     * @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云服務(wù)器云服務(wù)器按照云計(jì)算服務(wù)的方式和服務(wù)對(duì)象的范圍 javascript類和對(duì)象 post和get的區(qū)別 GET和POST的區(qū)別

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/82435.html

相關(guān)文章

從koa-session源碼解讀session本質(zhì)

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

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

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

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

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

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

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

summerpxy 2019-08-21 12:21 評(píng)論0 收藏0
Javascript面向對(duì)象的程序設(shè)計(jì)_理解對(duì)象

摘要：面向?qū)ο蟮某绦蛟O(shè)計(jì)理解對(duì)象前言最近在細(xì)讀高級(jí)程序設(shè)計(jì)，對(duì)于我而言，中文版，書中很多地方翻譯的差強(qiáng)人意，所以用自己所理解的，嘗試解讀下。總結(jié)如果英語水平足夠好的話，建議看英文原版書籍或者國(guó)外大師的博客。 JS面向?qū)ο蟮某绦蛟O(shè)計(jì)_理解對(duì)象前言：最近在細(xì)讀Javascript高級(jí)程序設(shè)計(jì)，對(duì)于我而言，中文版，書中很多地方翻譯的差強(qiáng)人意，所以用自己所理解的，嘗試解讀下。如有紕漏或錯(cuò)誤，會(huì)非...

劉厚水 2019-08-23 12:14 評(píng)論0 收藏0