jQuery outerHeight（）はNULLの代わりに未定義を返します。

Question

jQuery 3 .outerHeight()は、存在しない要素に対して呼び出された場合、nullの代わりにundefinedを返します。 number + undefinedの結果がNaNになるため、存在しない要素の高さを加算すると問題が発生します。 jQuery 3より前にはnumber + nullが返されます。numberです。

var lorem = $('#div1').outerHeight() + $('#div2').outerHeight(); 

戻りNaN例#div2のための場合は存在しません。

潜在的な解決策：

undef2null = function(myvar) { 
    if (myvar === undefined) {return null;} 
    else {return myvar;} 
} 

はにコードの上にオンになります。

var lorem = undef2null($('#div1').outerHeight()) + undef2null($('#div2').outerHeight()); 

これよりエレガントな解決策はありますか？

Answer 1

あなたは||演算子使用して未定義または NULL値を防ぐことができます明らかにあなたはできるものの（

($('#div1').outerHeight() || 0) 

...潜在的に問題のある値のそれぞれに関数を呼び出すよりも少ないタイピングでありますあなたが望むなら、それから1行の機能を作りなさい）。

function addNumbers() { 
 
    var result = 0; 
 
    for (var i = 0; i < arguments.length; i++) 
 
    result += arguments[i] || 0; 
 
    return result; 
 
} 
 

 
console.log(addNumbers(1,2,3)); 
 
console.log(addNumbers(1,undefined,3)); 
 
console.log(addNumbers(1,undefined,null));

（注：またはその代わりに、それはあなたがそれぞれをチェックし、すべての指定された引数を加算する機能を書くことができundefinedであるかどうかを確認するために単一の値をチェックする機能の

私が示したコードは実際には供給された値の型をテストしていないので、文字列などで呼び出した場合、結果を幸せに連結することになります。数値以外の/未定義/必要に応じてヌル値）

Answer 2

本当に両方をゼロとして扱いたい場合は、undefinedをnullにする方法を書いてください。

がゼロに undefinedと nullの両方を強制するには、

someValThatMightBeNullOrUndefined || 0