有没有办法设置 Javascript 对象的默认属性，以便：
let emptyObj = {};
// do some magic
emptyObj.nonExistingAttribute // => defaultValue
设置 Javascript 对象属性的默认值
IT技术
javascript
2021-01-20 02:35:53
6个回答
自从我几年前问这个问题以来，事情进展顺利。
代理是 ES6 的一部分。以下示例适用于Chrome、Firefox、Safari 和 Edge：
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 的 Proxy 文档中阅读更多内容。
使用解构（ES6 中的新功能）
Mozila有很棒的文档，还有一篇很棒的博客文章，它比我能更好地解释语法。
回答你的问题
var emptyObj = {};
const { nonExistingAttribute = defaultValue } = emptyObj;
console.log(nonExistingAttribute); // defaultValue
走得更远
我可以重命名这个变量吗？当然！
const { nonExistingAttribute: coolerName = 15} = emptyObj;
console.log(coolerName); // 15
嵌套数据呢？来吧！
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
没有办法在 Javascript 中设置它 - 返回undefined不存在的属性是核心 Javascript 规范的一部分。请参阅此类似问题的讨论。正如我在那里建议的那样，一种方法（虽然我不能真正推荐它）是定义一个全局getProperty函数：
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"
但这会导致一堆其他人难以阅读的非标准代码，并且可能会在您期望或想要未定义值的区域产生意想不到的后果。最好边走边检查：
var someVar = o.someVar || "my default";
我的代码是：
function(s){
s = {
top: s.top || 100, // default value or s.top
left: s.left || 300, // default value or s.left
}
alert(s.top)
}
这确实听起来像是基于原型的对象的典型用法：
// define a new type of object
var foo = function() {};
// define a default attribute and value that all objects of this type will have
foo.prototype.attribute1 = "defaultValue1";
// create a new object of my type
var emptyObj = new foo();
console.log(emptyObj.attribute1); // outputs defaultValue1