1. プロトタイプJavaScript のすべての関数にはこのプロパティがあり、プロトタイプ プロパティを持つすべてのオブジェクトは関数です。プロトタイプの目的は、オブジェクトにメソッド/プロパティを追加することです。 関数の永続性(){} person.prototype.name = "xiaoming" console.log(person.prototype)//{名前: "xiaoming", コンストラクター: ƒ} 2. プロトタイプポインタ: __proto__上記の persion 関数がインスタンス オブジェクト Persion1 を生成し、prototype を使用してそれに属性を追加する場合、記述は次のようになります。 関数の永続性(){} person.prototype.name = "xiaoming" Persion1 を新しい Persion() にします。 console.log(Person1) //コンソールの結果は次のようになります インスタンス Persion1 を印刷した結果は次のとおりです。 上記に出力された結果から、Persion1.__proto__.name = persion.prototype.name、つまり、インスタンス オブジェクトの __proto__ 属性はそのコンストラクターのプロトタイプと等しいことがわかります。 上記を理解すると、プロトタイプチェーンは簡単に理解できます。Persion1.__proto__.__proto__ を通じて Object メソッドを直接見つけることができます。あまり直感的ではないかもしれませんが、コードは次のとおりです。 関数の永続性(){} person.prototype.name = "xiaoming" Persion1 を新しい Persion() にします。 console.log(Person1.__proto__.__proto__.toString) //プロトタイプチェーンで見つかった Object の toString メソッド console.log(Object.prototype.toString) //Object の toString メソッド コンソールには次の結果が出力され、プロトタイプ チェーンのレベルごとの検索機能が確認されます。 要約するあらゆるオブジェクトは、プロトタイプ チェーン、つまり __proto__ 属性を通じてレベルごとに検索できます。最終的な焦点はオブジェクトであり、唯一の方法は関数です。それらの関係はチェーンのようなもので、この関係をプロトタイプ チェーンと呼びます。 上記は、JS プロトタイプとプロトタイプ チェーンの詳細についての簡単な説明です。JS プロトタイプとプロトタイプ チェーンの詳細については、123WORDPRESS.COM の他の関連記事に注目してください。 以下もご興味があるかもしれません:
|
>>: VMware15 の CentOS7 インストールの詳細なプロセスとよくある問題 (画像とテキスト)
この記事では、全選択と逆選択操作を実装するためのjQueryの具体的なコードを参考までに共有します。...
目次1 トランザクションの同時実行で発生する問題1.1 ダーティリード1.2 繰り返し不可能な読み取...
参考までに、Javascriptを使用してメッセージボードの例(メッセージ削除あり)を実装します。具...
序文通常、大量のデータを扱う MySQL クエリには「ページング」戦略が採用されます。ただし、ページ...
0x0 はじめにまず、ハッシュアルゴリズムとは何でしょうか?メッセージやセッション項目など、一部のデ...
Mac で開発されたプロジェクトがあり、パッケージ npm i がインストールされており、すべて正常...
目次1. 概要1.1 querySelector() と querySelectorAll() の使...
目次1. 前に書く2. ポップアップウィンドウを実装するためのオーバーレイ2.1 vueページのad...
公式の MySQL イメージを使用するには、構成ファイル、DB データ ファイル ディレクトリなどの...
<br /> テキスト、シンボル、リンクの 3 つの側面に焦点を当て、主に中国語で、私の...
目次1. JavaScriptはHTMLでキャンバスを使用する2. ページストレージ技術1. Jav...
目次継承ES5 プロトタイプ継承ES6 クラス継承両者の違いES5プロトタイプ継承の内部実装ES6 ...
vue-cropperプラグインをベースにした画像キャプチャとアップロードコンポーネントをカプセル...
序文最近、職場でこの要件に遭遇し、リモート接続を確立するのに 1 時間以上かかりました。ローカル コ...
成果を達成する実装コードhtml <div id="コンテナ"> &...