[解決済み] JavaScriptです。.extendと.prototypeは何に使うのですか?
2022-03-08 03:35:35
質問
私はJavaScriptの比較的新しいユーザーですが、使用しているサードパーティライブラリに.extendや.prototypeをよく見かけます。Prototype javascriptライブラリと関係があるのかと思っていましたが、そうではないと思い始めています。これらは何のために使われているのでしょうか?
解決方法は?
Javascriptの継承はプロトタイプベースなので、DateやMathなどのオブジェクトのプロトタイプを拡張し、さらに独自のカスタムオブジェクトを作成することも可能です。
Date.prototype.lol = function() {
alert('hi');
};
( new Date ).lol() // alert message
上のスニペットでは、メソッドに すべて 日付オブジェクト(既存のものと新しいものすべて)。
extend
は通常、ベースクラスから拡張したい新しいサブクラスのプロトタイプをコピーする高水準関数です。
というようなことができるわけです。
extend( Fighter, Human )
そして
Fighter
のプロトタイプを継承します。
Human
のようなメソッドを定義した場合、そのメソッドは
live
と
die
について
Human
では
Fighter
はそれらも継承します。
説明文を更新しました。
.extendはビルトインではなく、jQueryやPrototypeなどのライブラリで提供されることが多いという意味です。
関連
-
[解決済み】Angular JS Uncaught Error。[インジェクター:モジュラー]。
-
[解決済み】SyntaxError: ChromeのJavascriptコンソールでUnexpected Identifierが発生する。
-
[解決済み】XMLパースエラー:ルート要素が見つからない コンソールの場所 FF
-
[解決済み】リソースはドキュメントと解釈されるが、MIMEタイプはapplication/zipで転送される
-
[解決済み】 Uncaught Reference Error: stLight is not defined (in Chrome only)
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] とは何ですか! (not not)演算子とは何ですか?
-
[解決済み] JavaScriptで二重引用符と単一引用符はいつ使うべきですか?
-
[解決済み】JavaScriptの比較では、どちらの等号演算子(== vs ===)を使うべきですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Heroku:ノードアプリで「このアプリにはデフォルトの言語が検出されませんでした」エラーがスローされる
-
[解決済み】このエラーの原因は何ですか - "Fatal error: ローカルgruntを見つけることができません"
-
[解決済み】node.js TypeError: path must be absolute or specify root to res.sendFile [JSONのパースに失敗しました]。
-
[解決済み】Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
-
[解決済み】Uncaught ReferenceError: angular is not defined - AngularJSが動作しない。
-
[解決済み] Uncaught TypeError: 未定義のプロパティ 'top' を読み込めない
-
[解決済み] React with ES7: Uncaught TypeError: Cannot read property 'state' of undefined [duplicate] (未定義のプロパティ'state'を読み込むことはできません。
-
[解決済み】Javascript - ERR_CONTENT_LENGTH_MISMATCH
-
[解決済み】TypeError:res.jsonは関数ではありません。
-
[解決済み] [Solved] Uncaught Invariant Violation: 前のレンダリング中よりも多くのフックをレンダリングする