プロパティの検出： 'in'を使用してプロパティにアクセスしようとしていますか？

Question

言及する必要があります：私は少しJavaScriptを知っていますが、それほど深くはありません。この技術が使用された私は、コードを見てきました

if (window.console) { 
    // doSomething 
} 

昨日：

if ('console' in window) { 
    // doSomething 
} 

は両方とも、必ずこのプロパティはオブジェクトで利用可能であるかどうかを確認するための正しい方法と考え

技術は同等ですか？または彼らは区別するのですか？

Answer 1

いいえ。彼らには違いがあります。

最初にwindow.consoleの値がTruthyであり、consoleプロパティの2番目のチェックがwindowに存在するかどうかがチェックされます。

このような変数を作成したとします。

window.myName = ""; 

さて、if (window.MyName)は空の文字列をJavaScriptでFalsyあるとして、条件を満たすために失敗します。 myNameがwindowオブジェクトのプロパティであるとして

console.log(Boolean(window.myName)); // false 

しかしif ("myName" in window)は、条件を満たします。

console.log(Boolean("myName" in window)); // true 

---

注：テストされているプロパティは、プロトタイプ階層のどこかにある場合でもinオペレータがtrueを返します。オブジェクト{}メソッドtoStringを継承しているため、例えば、

console.log("toString" in {}); // true 

はtrueを返します。

あなたは、オブジェクト自身にプロパティが存在することを確認するには、あなたは彼らが違いを持っ​​ているこの

console.log({}.hasOwnProperty("toString")); // false 

Answer 2

号のように、Object.prototype.hasOwnPropertyを使用する必要があります。

演算子inを使用する場合は、そのプロパティが指定されたオブジェクトで指定されていて、その値ではないかどうかをチェックします。たとえば：

var obj = { foo: undefined } 
obj.foo !== undefined; // false 
'foo' in obj;   // true 

は、それはそれは同等だあなたのケースでは

Answer 3

に役立ちます願っています。 を演算子で使用すると、object内のそのプロパティexisitsが検索されます。 （window.console）の場合はと表示されます。window.consoleは真理値です。

Answer 4

window.consoleと言うとき、それはwindowオブジェクトのconsoleプロパティをチェックします。私は天候を考慮しませんconsoleプロパティは、ウィンドウオブジェクトの独自のプロパティであるか、または親から継承されています。

console in windowののには、プロパティがウィンドウオブジェクトの独自のプロパティとして存在し、親から継承されていないことが確認されます。