Встановити значення за замовчуванням для атрибутів об'єкта 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 про проксі .

Використовувати деструктуризацію (нове у 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";

Це точно звучить як типове використання об’єктів на основі прототипу:

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

Документація (з поліфілом): https://developer.mozilla.org/it/docs/Web/JavaScript/Reference/Global_Objects/Object/ assign

Найпростіші з усіх рішень:

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

Зараз,

dict['last'] || 'Excluded'

поверне "Виключено", що є значенням за замовчуванням.

Або ви можете спробувати це

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

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

Мені здається, це найпростіший і читабельніший спосіб зробити це:

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/

Я прийшов сюди шукати рішення, тому що заголовок відповідав моєму опису проблеми, але це не те, що я шукав, але я отримав рішення своєї проблеми (я хотів мати значення за замовчуванням для атрибута, який би був динамічним щось на зразок дати ).

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

Наведений вище код був рішенням, щодо якого я нарешті вирішив.