设置javascript对象属性的默认值

有没有一种方法可以设置javascript对象的默认属性，例如：

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

IE可以忽略，Chrome Frame减轻了我的头痛。

自从几年前我问这个问题以来，事情进展顺利。

代理是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文档中了解更多信息。

无法在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";

使用解构（新中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

这肯定听起来像基于原型的对象的典型用法：

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

我的代码是：

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

我实现此目标的方法是通过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" }

我认为最简单的方法是使用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

或者你可以尝试一下

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

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

所有解决方案中最简单的：

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

现在，

dict['last'] || 'Excluded'

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

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

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

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

Object.assign（）参考

昨天我看到一篇文章提到了一个Object.__noSuchMethod__属性：JavascriptTips我还没有机会使用它，所以我不了解浏览器的支持，但是也许您可以以某种方式使用它？

我很惊讶没有人提到三元运算符。

var emptyObj = {a:'123', b:'234', c:0};
var defaultValue = 'defaultValue';
var attr = 'someNonExistAttribute';
emptyObj.hasOwnProperty(attr) ? emptyObj[attr] : defaultValue;//=> 'defaultValue'


attr = 'c'; // => 'c'
emptyObj.hasOwnProperty(attr) ? emptyObj[attr] : defaultValue; // => 0

这样，即使'c'的值为0，它仍将获得正确的值。

Object.withDefault = (defaultValue,o={}) => {
  return new Proxy(o, {
    get: (o, k) => (k in o) ? o[k] : defaultValue 
  });
}

o = Object.withDefault(42);
o.x  //=> 42

o.x = 10
o.x  //=> 10
o.xx //=> 42

这实际上是可以做到的Object.create。它不适用于“未定义”属性。但是对于那些已经被赋予默认值的。

var defaults = {
    a: 'test1',
    b: 'test2'
};

然后，当您创建属性对象时，您可以使用 Object.create

properties = Object.create(defaults);

现在，您将拥有两个对象，其中第一个对象为空，但是原型指向该defaults对象。去测试：

console.log('Unchanged', properties);
properties.a = 'updated';
console.log('Updated', properties);
console.log('Defaults', Object.getPrototypeOf(properties));

一种方法是采用默认对象并将其与目标对象合并。目标对象将覆盖默认对象中的值。

jQuery具有.extend()执行此操作的方法。jQuery是不需要的，但是有一些香草的JS实现，例如：

http://gomakethings.com/vanilla-javascript-version-of-jquery-extend/

我来这里是为了寻找解决方案，因为标题与我的问题描述相匹配，但这不是我想要的，但是我为我的问题找到了解决方案（我想为属性设置一个默认值，该属性可以是动态的，例如date ）。

let Blog = {
title  : String,
image  : String,
body   : String,
created: {type: Date, default: Date.now}
}

上面的代码是我最终解决的解决方案。