JavaScript nesne niteliklerinin varsayılan değerini ayarlayın

Bir javascript nesnesinin varsayılan niteliğini şu şekilde ayarlamanın bir yolu var mı:

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

IE göz ardı edilebilir, Chrome Frame beni bu baş ağrısından kurtardı.

Birkaç yıl önce soruyu sorduğumdan beri işler güzel bir şekilde ilerledi.

Proxy'ler ES6'nın parçasıdır. Aşağıdaki örnek Chrome, Firefox, Safari ve Edge'de çalışır :

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

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

p.answerToTheUltimateQuestionOfLife; //=> 42

Mozilla'nın Proxy'ler hakkındaki belgelerinde daha fazlasını okuyun .

Yıkıcı kullanın (ES6'da yeni)

Sözdizimini benden daha iyi açıklayan harika bir blog yazısının yanı sıra Mozila'nın harika bir dokümantasyonu var .

Soruna cevap vermek için

var emptyObj = {};
const { nonExistingAttribute = defaultValue } = emptyObj;
console.log(nonExistingAttribute); // defaultValue

Daha ileri gitmek

Bu değişkeni yeniden adlandırabilir miyim ? Elbette!

const { nonExistingAttribute: coolerName = 15} = emptyObj;
console.log(coolerName); // 15

İç içe geçmiş veriler ne olacak? Bırakın gelsin!

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

Bunu Javascript'te ayarlamanın bir yolu yoktur - undefinedvar olmayan özellikler için geri dönmek , temel Javascript spesifikasyonunun bir parçasıdır. Bu benzer soru için tartışmaya bakın . Orada önerdiğim gibi, bir yaklaşım (bunu gerçekten tavsiye edemeyecek olsam da) küresel bir getPropertyişlevi tanımlamak olacaktır :

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"

Ancak bu, başkalarının okuması zor olacak bir grup standart dışı koda yol açar ve tanımlanamayan bir değer beklediğiniz veya istediğiniz alanlarda istenmeyen sonuçlara yol açabilir. Sadece giderken kontrol etmek daha iyi:

var someVar = o.someVar || "my default";

Bu kesinlikle prototip tabanlı nesnelerin tipik kullanımına benziyor:

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

benim kodum:

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

Bunu başarmamın yolu object.assignişlevdir

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

En basit yaklaşımın kullanmak olduğunu düşünüyorum Object.assign.

Bu sınıfa sahipseniz:

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

Bunu şu şekilde kullanabilirsiniz:

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

Belgeler (çoklu dolgulu): https://developer.mozilla.org/it/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

Tüm Çözümlerin En Basiti:

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

Şimdi,

dict['last'] || 'Excluded'

varsayılan değer olan "Hariç Tutuldu" sonucunu döndürür.

Ya da bunu deneyebilirsin

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

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

Bu bana bunu yapmanın en basit ve okunabilir yolu gibi görünüyor:

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

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

Object.assign () başvurusu

Dün bir Object.__noSuchMethod__mülkten bahseden bir makale gördüm : JavascriptTips Onunla oynama şansım olmadı, bu yüzden tarayıcı desteğini bilmiyorum, ama belki bunu bir şekilde kullanabilirsin?

Henüz kimsenin üçlü operatörden bahsetmemesine şaşırdım.

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

Bu şekilde 'c' değeri 0 olsa bile doğru değeri alacaktır.

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

Bunu yapmak aslında mümkün Object.create. "Tanımlanmamış" özellikler için çalışmayacaktır. Ancak varsayılan bir değer verilmiş olanlar için.

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

Ardından, özellikler nesnenizi oluşturduğunuzda, Object.create

properties = Object.create(defaults);

Şimdi, ilk nesnenin boş olduğu, ancak prototipin defaultsnesneyi işaret ettiği iki nesneniz olacak. Test etmek için:

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

Bir yaklaşım, varsayılan bir nesneyi alıp hedef nesneyle birleştirmektir. Hedef nesne, default nesnesindeki değerleri geçersiz kılar.

jQuery bunu yapan .extend()yönteme sahiptir. jQuery gerekli değildir, ancak burada bulabileceğiniz gibi vanilya JS uygulamaları vardır:

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

Buraya bir çözüm aramaya geldim çünkü başlık sorun açıklamamla eşleşti ama aradığım şey bu değil ama sorunuma bir çözüm buldum (tarih gibi dinamik bir özellik için varsayılan bir değer olmasını istedim ).

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

Yukarıdaki kod, sonunda yerleştiğim çözümdü.