首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >设置Javascript对象属性的默认值

设置Javascript对象属性的默认值
EN

Stack Overflow用户
提问于 2011-07-07 01:59:29
回答 17查看 146.7K关注 0票数 104

有没有一种方法可以设置Javascript对象的默认属性,以便:

代码语言:javascript
复制
let emptyObj = {};
// do some magic
emptyObj.nonExistingAttribute // => defaultValue
EN

回答 17

Stack Overflow用户

回答已采纳

发布于 2015-04-19 07:02:05

自从我几年前提出这个问题以来,事情进展得很顺利。

代理是ES6的一部分。以下示例适用于Chrome, Firefox, Safari and Edge

代码语言:javascript
复制
let handler = {
  get: function(target, name) {
    return target.hasOwnProperty(name) ? target[name] : 42;
  }
};

let emptyObj = {};
let p = new Proxy(emptyObj, handler);

p.answerToTheUltimateQuestionOfLife; //=> 42

Mozilla's documentation on Proxies上阅读更多内容。

票数 145
EN

Stack Overflow用户

发布于 2017-09-08 17:12:59

使用解构(ES6中的新增功能)

有一个很棒的documentation by Mozila,还有一个很棒的blog post,它能比我更好地解释语法。

回答你的问题

代码语言:javascript
复制
var emptyObj = {};
const { nonExistingAttribute = defaultValue } = emptyObj;
console.log(nonExistingAttribute); // defaultValue

更进一步

我能重命名这个变量吗?I this variable?好的!

代码语言:javascript
复制
const { nonExistingAttribute: coolerName = 15} = emptyObj;
console.log(coolerName); // 15

嵌套数据呢?来吧!

代码语言:javascript
复制
var nestedData = {
    name: 'Awesome Programmer',
    languages: [
        {
            name: 'javascript',
            proficiency: 4,
        }
    ],
    country: 'Canada',
};

var {name: realName, languages: [{name: languageName}]} = nestedData ;

console.log(realName); // Awesome Programmer
console.log(languageName); // javascript
票数 51
EN

Stack Overflow用户

发布于 2011-07-07 02:07:03

没有办法在Javascript中设置这一点--为不存在的属性返回undefined是核心Javascript规范的一部分。参见the discussion for this similar question。正如我在那里建议的,一种方法(尽管我不能真正推荐它)是定义一个全局getProperty函数:

代码语言:javascript
复制
function getProperty(o, prop) {
    if (o[prop] !== undefined) return o[prop];
    else return "my default";
}

var o = {
    foo: 1
};

getProperty(o, 'foo'); // 1
getProperty(o, 'bar'); // "my default"

但这将导致大量的非标准代码,其他人很难阅读,并且在您期望或想要未定义的值的领域可能会产生意想不到的后果。最好是边走边检查:

代码语言:javascript
复制
var someVar = o.someVar || "my default";
票数 28
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6600868

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档