js

lilugirl

发布于 2019-05-26 11:20:15

17.4K0

发布于 2019-05-26 11:20:15

文章被收录于专栏：前端导学

为什么80%的码农都做不了架构师？>>>

我的问题：

我定义了一个字面量的对象，属性的值是根据cookie动态显示的

页面没有刷新，但是通过ajax 更新了cookie

还是在ajax的过程中调用这个对象的属性发现属性的值并不会随着cookie的变化而变话还是保持老值

如果页面刷新是没有这些问题的，但我的应用都是基于ajax的无刷新页面切换

那么怎么样我才能拿到动态的属性值呢

大神的回答：

var i = 0;

var getCookie = function(aa) {
    if (i === 0) {
        return 'name===';
    }
    if (i === 1) {
        return 'age===';
    }
};

var nextPage = {
    GBQ3: function() {
        return getCookie('name');
    }
};

setTimeout(function() {
    console.log(nextPage.GBQ3());//这里输出name====
    i++;
    setTimeout(function() {
        console.log(nextPage.GBQ3());//这里就是age===了
    }, 10);
}, 10);

来，我先上把黑科技，至于为什么，大家自己研究看看：

var i = 0;
var getCookie = function(aa) {
    if (i === 0) {
        return 'name===';
    }
    if (i === 1) {
        return 'age===';
    }
};

var nextPage = {GBQ3: getCookie('name')};

//这段就是黑科技的关键
Object.defineProperty(nextPage, 'GBQ3', {
    enumerable: true,
    configurable: true,
    get: function() {
        return getCookie('name');
    }
});

//注意这里不是方法了哦，就是属性获取
console.log(nextPage.GBQ3); //这里就是name===
i++;
setTimeout(function() {
    //注意这里不是方法了哦，就是属性获取
    console.log(nextPage.GBQ3); //这里就成了age===了
}, 10);

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

ajax