序文:
正確に言うと、これらのプロパティとメソッドは、オブジェクト インスタンス自体ではなく、 プロトタイプとプロトタイプ チェーンは、次の 4 つの文で明らかになります。
コンストラクター、プロトタイプ、インスタンスの関係: 各 1. プロトタイプ(明示的なプロトタイプ)すべての関数には // コンストラクタ(クラス) 関数 Person(名前){ this.name = 名前 } // 新しいインスタンス(オブジェクト) var person = new Person('南玖') console.log(person) //Person { name: '南玖' } console.log(Person.prototype) //コンストラクタ関数のプロトタイプ(クラス)----->object Person.prototype.age = 18 //コンストラクタ関数のプロトタイプ console.log(person.age) // 18 上記では、オブジェクトを指すこの関数 上の図はコンストラクターとインスタンス プロトタイプの関係を示しており、コンストラクターのプロトタイプ プロパティがオブジェクトを指していることがわかります。 インスタンスとそのプロトタイプの関係は何ですか?ここで 2. __proto__ (暗黙のプロトタイプ)上記の4つの文から、これはすべての 次に、インスタンスとインスタンスプロトタイプの関係を証明します。 console.log(person.__proto__) //インスタンス (オブジェクト) プロトタイプ ---> オブジェクト console.log(person.__proto__ === Person.prototype) //インスタンスのプロトタイプはコンストラクター関数のプロトタイプと同じです 上の図から、インスタンス オブジェクトとコンストラクターの両方がプロトタイプを指すことができることがわかりますが、プロトタイプはコンストラクターまたはインスタンスを指すことができるのでしょうか? 3. コンストラクターコンストラクターは複数のインスタンス オブジェクトを作成できるため、プロトタイプにはインスタンスを指す属性はありません。 前の4つの文から、「ブラウザによってプロトタイプ用にデフォルトで割り当てられたヒープメモリには したがって、次の点を証明できます。 console.log(Person.prototype.constructor) // インスタンスの明示的なプロトタイプのコンストラクタ ƒ Person(name){this.name = name} console.log(person.__proto__.constructor) //インスタンスの暗黙的なプロトタイプコンストラクター ƒ Person(name){this.name = name} console.log(person.__proto__.constructor === Person.prototype.constructor) //true インスタンスプロトタイプのコンストラクタは、クラスのコンストラクタと同じです。console.log(Person === Person.prototype.constructor) //true インスタンス オブジェクトの 関数 Foo() {} // この関数は Function のインスタンス オブジェクトです // 関数はシンタックス シュガーです // 実際には内部で new Function() を呼び出します したがって、 4. 新しい原則簡単に言えば、次の 4 つのステップに分けられます。
関数myNew() { // 1. 新しい空のオブジェクトを作成する let obj = {} // 2. コンストラクタを取得する let con = arguments.__proto__.constructor // 3. リンクプロトタイプ obj.__proto__ = con.prototype // 4. これをバインドしてコンストラクタを実行します。let res = con.apply(obj, arguments) // 5. 新しいオブジェクトを返す return typeof res === 'object' ? res : obj } 5. プロトタイプチェーンプロトタイプについて話した後、プロトタイプ チェーンとは何かを見てみましょう。まずは写真を見てみましょう: この図では、 5.1 プロトタイプチェーンの役割プロトタイプ チェーンは、
5.2 コンストラクタの __proto__ とは何ですか?上記のプロトタイプチェーンの説明から、コンストラクター関数の 関数 Person(){} コンソールログ(Person.__proto__) console.log(関数プロトタイプ) console.log(Person.__proto__===Function.prototype) // true 「これは、すべての関数が Function のインスタンスであることも示しています」 このように理解すると、 Function.__proto__ === Function.prototype // true まさにこれが印刷される内容です。
6. まとめ
以下もご興味があるかもしれません:
|
>>: クラウドデータ移行サービスの観点から見たMySQLの大規模テーブル抽出モードの原理分析
Docker で MySQL コンテナを作成する場合、コンテナの起動後にデータベースとテーブルが自動...
ブランクのブログ: http://www.planabc.net/ innerHTML プロパティは...
HTML はタグと属性で構成されており、これらを組み合わせてブラウザにページの表示方法を指示します。...
この記事では、Element-uiを使用してメニューナビゲーションを実装するVueの具体的なコードを...
以前、Docker コンテナとローカル マシン間のファイル転送に関する記事を書きました。しかし、この...
目次1. 使いやすい2. 関数内でジェネリックを使用する3. クラス内でジェネリックを使用する4. ...
目次導入効果原理形状練習するこの記事では、例を使用して、MySQL マスター/スレーブ レプリケーシ...
この記事では、React Native ScrollViewのプルダウンリフレッシュ効果の具体的なコ...
目次1. 監視プロパティを監視する1. ショッピングカート2. すべて選択し、すべて選択解除する2....
リソースを節約するためにWebページの圧縮を設定する1.まず、設定を変更しましょう vim /usr...
前に書いた内容: ビジネス ロジックの判断を行うために、最新のトランザクション ID を表示する必要...
この記事の例では、キャンバスをベースにした超クールな水の光の効果を実装するための具体的なコードを参考...
数年前、Taobaoのモバイル版の左下隅に面白い丸いボタンがあったことを覚えています。それをクリック...
目次1.ダウンロード後、インストールしたいディレクトリに解凍します。 2. インストールディレクトリ...
1. フロート+オーバーフロー:非表示このメソッドは主にオーバーフローを通じて BFC をトリガーし...