js の hasOwnProperty のプロパティとインスタンスの使用法の詳細な説明

1. js は hasOwnProperty が不正に占有されることから保護しません。オブジェクトにこのプロパティがある場合は、正しい結果を得るために外部の hasOwnProperty 関数を使用する必要があります。

2. オブジェクトにプロパティが存在するかどうかを確認する場合、使用できるメソッドは hasOwnProperty のみです。

例

var foo = {
    独自のプロパティを持つ: 関数() {
        false を返します。
    },
    バー: 「ここにドラゴンがいる」
};
foo.hasOwnProperty('bar'); // 常に false を返します
// 他のオブジェクトの hasOwnProperty を使用し、そのコンテキストを foo に設定します
({}).hasOwnProperty.call(foo, 'bar'); // 真

知識ポイントの拡張:

属性が存在するかどうかを判断する

var o = 新しいオブジェクト();
o.prop = '存在する';

関数changeO() {
 o.newprop = o.prop;
 o.prop を削除します。
}

o.hasOwnProperty('prop'); // 真
変更O();
o.hasOwnProperty('prop'); // 偽

自身の属性と継承された属性を決定する

関数foo(){
 this.name = 'foo'
 this.sayHi = 関数 () {
  console.log('こんにちは')
 }
}

foo.prototype.sayGoodBy = 関数 () {
 console.log('さよならを言う')
}

myPro = new foo() とする

console.log(myPro.name) // foo
console.log(myPro.hasOwnProperty('name')) // true
console.log(myPro.hasOwnProperty('toString')) // false
console.log(myPro.hasOwnProperty('hasOwnProperty')) // 失敗
console.log(myPro.hasOwnProperty('sayHi')) // true
console.log(myPro.hasOwnProperty('sayGoodBy')) // false
console.log('sayGoodBy' in myPro) // true

オブジェクトのすべてのプロパティを反復処理する

オープンソースプロジェクトを見ると、次のようなソースコードをよく見かけます。 for...in ループはオブジェクトのすべてのプロパティを列挙し、hasOwnProperty() メソッドを使用して継承されたプロパティを無視します。

var buz = {
  霧: 'スタック'
};

for (変数名 in buz) {
  if (buz.hasOwnProperty(名前)) {
    alert("これは間違いなくfog(" + name + ")です。値: " + buz[name]);
  }
  それ以外 {
    alert(name); // toString または他の何か
  }
}

プロパティ名としてhasOwnPropertyに注意してください

JavaScript は hasOwnProperty プロパティ名を保護しないので、このプロパティ名を含むオブジェクトが存在する可能性がある場合は、正しい結果を得るために拡張された hasOwnProperty メソッドを使用する必要があります。

var foo = {
  独自のプロパティを持つ: 関数() {
    false を返します。
  },
  バー: 「ここにドラゴンがいる」
};

foo.hasOwnProperty('bar'); // 常に false を返します

// これが気になる場合は、プロトタイプチェーンで実際のhasOwnPropertyメソッドを直接使用できます // 別のオブジェクトの`hasOwnProperty`を使用して呼び出します
({}).hasOwnProperty.call(foo, 'bar'); // 真

// オブジェクトプロトタイプの hasOwnProperty プロパティを使用することもできます。Object.prototype.hasOwnProperty.call(foo, 'bar'); // true

js の hasOwnProperty のプロパティと使用例に関するこの記事はこれで終わりです。js の hasOwnProperty のプロパティの使用に関する詳細なコンテンツについては、123WORDPRESS.COM で以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません: