ホームページ > 記事 > ウェブフロントエンド > jsがオブジェクトを新規作成するときに何をするか知っていますか?
JavaScript では、new 演算子を使用してインスタンス オブジェクトを作成でき、このインスタンス オブジェクトは元のオブジェクトのプロパティとメソッドを継承します。したがって、 new の存在意義は、単にオブジェクトをインスタンス化するだけでなく、JavaScript で継承を実装することです。
まずは例を通して new
の役割を理解しましょう。例は次のとおりです。次の結論を導き出すことができます:
Personコンストラクター
- new
コンストラクター
Person
を通じて作成されたインスタンス オブジェクトは、コンストラクター内のプロパティにアクセスできます。 。- new
コンストラクター
Person
を通じて作成されたインスタンスは、コンストラクター プロトタイプ チェーン内のプロパティにアクセスできます。つまり、new を通じてアクセスできます。
オペレーター、インスタンス、コンストラクターは、プロトタイプ チェーンを通じて接続されます。
は明示的に return
値を返しません (デフォルトは unknown
を返します)。値を返すようにすると? <pre class="brush:php;toolbar:false">function Person(name) {
this.name = name
}
Person.prototype.sayName = function () {
console.log(this.name)
}
const t = new Person(&#39;小明&#39;)
console.log(t.name) // 小明
t.sayName() // 小明</pre>
上の例のコンストラクターは
を返しましたが、この戻り値は役に立たず、結果は前の例とまったく同じになります。別の結論を導き出すこともできます。
オブジェクトが返されたときに何が起こるかを試してみましょう:
function Person(name) { this.name = name return 1 } const t = new Person('小明') console.log(t.name) // 小明
上記の例を通して、戻り値がオブジェクトの場合、戻り値は正常に返されることがわかります。 。 外出。
コンストラクターの戻り値がオブジェクトの場合、戻り値は通常どおり使用されるという結論に再び達しました。要約: これら 2 つの例は、コンストラクターが値を返さないようにすべきであることを示しています。元の値を返しても効果がないため、オブジェクトを返しても new 演算子は効果がありません。
newを実装するには
演算子を使用するときに js が何を行うかを知る必要があります。
function Person(name) { this.name = name return {age: 23} } const t = new Person('小明') console.log(t) // { age: 23 } console.log(t.name) // undefined
テスト例は次のとおりです:
function _new(fn, ...args) { const newObj = Object.create(fn.prototype); const value = fn.apply(newObj, args); return value instanceof Object ? value : newObj; }
上記は、JavaScript における new 演算子の役割と new 演算子の実装方法についてです。
以上がjsがオブジェクトを新規作成するときに何をするか知っていますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。