JavaScript オブジェクトの新しいメソッドとは何ですか?-フロントエンドQ&A-php.cn

JavaScript オブジェクトの新しいメソッド: 1. 2 つの値が厳密に等しいかどうかを比較するために使用できる「Object.is()」; 2. 2 つの値が厳密に等しいかどうかを比較するために使用できる「Object.assign()」オブジェクトをマージするために使用されます。ソースオブジェクトのすべての列挙可能なプロパティがターゲットオブジェクトにコピーされます。

JavaScript オブジェクトの新しいメソッドとは何ですか?

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

#JavaScript オブジェクトの新しいメソッド

1. Object.is()

es6 では、2 つの値が厳密に等しいかどうかを比較するために、等価演算子 '=='、厳密等価演算子 '==='、または Object.is() メソッドを使用する 3 つのメソッドがありますが、最初の2 つのメソッドすべてに欠陥があり、一部の特殊なシナリオでは使用できませんが、Object.is() は使用できません。

Object.is() は基本的に '===' 演算子

と同じように動作しますが、 2 つの点が異なります:

# (1) 0 は -0 に等しくありません

# (2) NaN はそれ自体に等しい

2. Object.assign()

(1) Object.assign() はオブジェクトをマージし、ソースのすべての列挙可能なプロパティをコピーするために使用されます。オブジェクトからターゲットオブジェクトへ

# (2) Object.assign() メソッドの最初のパラメータはターゲットオブジェクトであり、次のパラメータは次のとおりです。パラメータはソースオブジェクトです。

ターゲットオブジェクトとソースオブジェクトに同じ名前の属性がある場合、または複数のソースオブジェクトに同じ名前の属性がある場合、後の属性で前の属性が上書きされます。

b: 2 in 2 が b: 1 in 1 をカバーし、c: 3 in 3 が c を 2 でカバーしていることがわかります。 : 2

(3) パラメータが 1 つだけの場合、Object.assign() はパラメータ

# を直接返します。 ##(4) パラメータがオブジェクトでない場合は、オブジェクトに変換されてから返されます。

Object.assign() が値 5 を Number オブジェクトに変換し、

(5) 未定義および null を変換できないことがわかります。オブジェクト、それらをパラメータとして使用すると、エラーが報告されます

#オブジェクト以外のパラメータがソースオブジェクトの位置に表示される場合 (つまり、最初のパラメータではない)、処理ルールは異なります。これらのパラメータはオブジェクトに変換されますが、オブジェクトに変換できない場合はスキップされます。これは、未定義および null が最初のパラメータでない場合、エラーを報告しないことを意味します。デモは次のとおりです。

その他の型値 (つまり、数値、文字列、およびブール値) が最初のパラメーター (つまり、最初のパラメーター) に含まれていないため、エラーは報告されません。ただし、文字列が配列の形式でターゲットオブジェクトにコピーされることを除いて、他の値は効果がありません。

上記のコードでは、v1 v2 v3 はそれぞれ文字列、ブール値、数値です。文字列のみがターゲットオブジェクト ((文字配列として) に結合されます。数値とブール値は無視されます。これは、文字列ラッパーオブジェクトのみが列挙可能なプロパティを生成するためです。

(6) ブール値、数値、文字列をそれぞれ対応するパッケージングオブジェクトに変換します。元の値はすべてパッケージングオブジェクトの内部属性にあることがわかります。[[PrimitiveValue]]上記では、このプロパティはObject.assign()によってコピーされません。文字列ラッパーオブジェクトのみが列挙可能なリテラルプロパティを生成し、それらのプロパティはコピーされます。