设置javascript对象属性的默认值

Question

有没有办法设置javascript对象的默认属性,以便:

var emptyObj = {};
// do some magic
emptyObj.nonExistingAttribute // => defaultValue

IE可以被忽视,Chrome Frame已经解除了我的头痛.

Answer 1

自从几年前我问过这个问题以来,事情进展顺利.

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

var handler = {
  get: function(target, name) {
    return target.hasOwnProperty(name) ? target[name] : 42;
  }
};

var p = new Proxy({}, handler);

p.answerToTheUltimateQuestionOfLife; //=> 42

阅读Mozilla关于Proxies的文档中的更多内容.

Answer 2

没有办法在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";

Answer 3

使用解构(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

Answer 4

我实现这一点的方式是使用object.assign功能

const defaultProperties = { 'foo': 'bar', 'bar': 'foo' };
const overwriteProperties = { 'foo': 'foo' };
const newObj = Object.assign({}, defaultProperties, overwriteProperties);
console.log(defaultProperties);  // {"foo": "bar", "bar": "foo"}
console.log(overwriteProperties);  // { "foo": "foo" };
console.log(newObj);  // { "foo": "foo", "bar": "foo" }

Answer 5

这听起来像是基于原型的对象的典型用法:

// 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

Answer 6

我的代码是:

function(s){
    s = {
        top: s.top || 100,    // default value or s.top
        left: s.left || 300,  // default value or s.left
    }
    alert(s.top)
}

Answer 7

我认为最简单的方法是使用Object.assign.

如果你有这个类：

class MyHelper {
    constructor(options) {
        this.options = Object.assign({
            name: "John",
            surname: "Doe",
            birthDate: "1980-08-08"
        }, options);
    }
}

你可以这样使用它：

let helper = new MyHelper({ name: "Mark" });
console.log(helper.options.surname); // this will output "Doe"

文档（带有 polyfill）：https : //developer.mozilla.org/it/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

Answer 8

最简单的解决方案：

dict = {'first': 1,
        'second': 2,
        'third': 3}

现在，

dict['last'] || 'Excluded'

将返回“排除”，这是默认值。

Answer 9

在我看来，这是最简单易读的方法：

let options = {name:"James"}
const default_options = {name:"John", surname:"Doe"}

options = Object.assign({}, default_options, options)

Object.assign() 参考

Answer 10

或者你可以试试这个

dict = {
 'somekey': 'somevalue'
};

val = dict['anotherkey'] || 'anotherval';

Answer 11

如果您只有一个单层深度的对象（嵌套对象属性不会按预期合并，因为它直接从第一层解构），您可以使用以下解构语法：

const options = {
    somevar: 1234,
    admin: true
};

const defaults = {
    test: false,
    admin: false,
};

var mergedOptions = {...defaults, ...options};

其中输出将是：

console.log(options);
// { somevar: 1234, admin: true }

console.log(mergedOptions);
// { test: false, admin: true, somevar: 1234 }

或者甚至格式化为单个语句（尽管这有点不可读）：

const options = {...{
    // Defaults
    test: false,
    admin: false,
}, ...{
    // Overrides
    somevar: 1234,
    admin: true
}};