JavaScript'te "Başka" Olmadan Üçlü Operatörler

Her zaman nullbaşka hiçbir şeye sahip olmayan koşulları koymak zorunda kaldım . Etrafında yine de var mı? Örneğin

condition ? x = true : null;

temel olarak, yapmanın bir yolu var mı:

condition ? x = true;

Şimdi bir sözdizimi hatası olarak görünüyor

Bilginize, işte gerçek bir örnek kod:

!defaults.slideshowWidth ? defaults.slideshowWidth = obj.find('img').width()+'px' : null;

Her şeyden önce, üçlü bir ifade if / else yapısının yerini tutmaz - bir değer döndüren if / else yapısına eşdeğerdir . Yani, bir if / else deyimi kod, üçlü bir ifade bir ifadedir , yani bir değer döndürür.

Bu birkaç anlama geliyor:

• üçlü ifadeleri yalnızca =dönüş değerinin atanacağı değişkenin sol tarafında bir değişkeniniz olduğunda kullanın
• üçlü ifadeleri yalnızca döndürülen değer iki değerden biri olduğunda kullanın (veya uygunsa iç içe ifadeleri kullanın)
• ifadenin her bölümü (? ve sonrası:) yan etkileri olmayan bir değer döndürmelidir ( x = truetüm ifadeler son değeri döndürdüğü için ifade true değerini döndürür, ancak x döndürülen değer üzerinde herhangi bir etkiye sahip olmadan x değerini değiştirir)

Kısacası - üçlü ifadenin 'doğru' kullanımı

var resultofexpression = conditionasboolean ? truepart: falsepart;

condition ? x=true : null ;Değerini ayarlamak için üçlü bir ifade kullandığınız örnek yerine, şunu xkullanabilirsiniz:

 condition && (x = true);

Bu hala bir ifadedir ve bu nedenle doğrulamayı geçmeyebilir, bu nedenle daha iyi bir yaklaşım

 void(condition && x = true);

Sonuncusu doğrulama işlemini geçecek.

Ama sonra tekrar, eğer beklenen değer bir boole ise, sadece koşul ifadesinin sonucunu kullanın

var x = (condition); // var x = (foo == "bar");

GÜNCELLEME Numunenizle ilgili olarak bu muhtemelen daha uygundur:

defaults.slideshowWidth = defaults.slideshowWidth || obj.find('img').width()+'px';

Hayır, üç işlenene ihtiyacı var. Bu yüzden üçlü operatörler denir .

Bununla birlikte, örnek olarak sahip olduklarınız için bunu yapabilirsiniz:

if(condition) x = true;

Gelecekte birden fazla ifade eklemeniz gerekiyorsa kaşlı ayraçlara sahip olmak daha güvenli olsa da:

if(condition) { x = true; }

Düzenleme: Artık sorunuzun geçerli olduğu gerçek koddan bahsettiğinize göre:

if(!defaults.slideshowWidth)
    { defaults.slideshowWidth = obj.find('img').width()+'px'; }

Çoğu zaman insanlar ifade sözdizimini kısaltmak için mantıksal operatörlerden yararlanır:

!defaults.slideshowWidth &&
  (defaults.slideshowWidth = obj.find('img').width()+'px');

Ancak sizin durumunuzda sözdizimi daha da basit olabilir

defaults.slideshowWidth = defaults.slideshowWidth || obj.find('img').width()+'px';

Bu kod defaults.slideshowWidth eğer değerini defaults.slideshowWidthdoğru ve değerlendirilir obj.find('img').width()+'px'aksi değeri.

Ayrıntılar için mantıksal işleçlerin Kısa Devre Değerlendirmesine bakın.

var x = condition || null;

Yazabilirsin

x = condition ? true : x;

Böylece koşul yanlış olduğunda x değiştirilmez.

Bu daha sonra şuna eşdeğerdir:

if (condition) x = true

DÜZENLE:

!defaults.slideshowWidth 
      ? defaults.slideshowWidth = obj.find('img').width()+'px' 
      : null 

Birkaç alternatif var - bunların daha iyi / daha kötü olduğunu söylemiyorum - sadece alternatifler

Üçüncü parametre olarak null değerini iletmek, varolan değer null olması nedeniyle çalışır. Durumu yeniden düzenler ve değiştirirseniz, bunun artık doğru olmadığı tehlikesi vardır. Üçlü korumalarda buna karşı mevcut değeri 2. seçenek olarak aktarmak:

!defaults.slideshowWidth = 
      ? defaults.slideshowWidth = obj.find('img').width()+'px' 
      : defaults.slideshowwidth 

Daha güvenli, ancak belki de bakmak hoş değil ve daha fazla yazıyor. Uygulamada, muhtemelen yazarım

defaults.slideshowWidth = defaults.slideshowWidth 
               || obj.find('img').width()+'px'

Senin durumunda üçlü operatörü gereksiz görüyorum. Değişkeni ||, && operatörlerini kullanarak doğrudan ifadeye atayabilirsiniz.

!defaults.slideshowWidth ? defaults.slideshowWidth = obj.find('img').width()+'px' : null ;

Olacak :

defaults.slideshowWidth = defaults.slideshowWidth || obj.find('img').width()+'px';

Daha açık, daha çok "javascript" tarzı.

Peki ya basitçe

    if (condition) { code if condition = true };

Bir dizi veya nesne bildirimi içinde başka bir Üçlü İşleç kullanmak için ES6 forma işlecini kullanabilirsiniz ...()

const cond = false;
const arr = [
  ...(cond ? ['a'] : []),
  'b',
];
    // ['b']

Ve nesneler için:

const cond = false;
const obj = {
  ...(cond ? {a: 1} : {}),
  b: 2,
};
    // {b: 2}

orjinal kaynak