オブジェクト リテラル関数参照のあいまいさ: 'this' のオブジェクト リテラルへの置き換え
オブジェクト リテラルを扱うときに重要な疑問が生じます。オブジェクト内の関数は、「this」の代わりにリテラルの名前を使用して親オブジェクトを参照しますか?これは一見機能しているように見えますが、予期せぬ結果を招く可能性があります。
次の例を考えてみましょう:
var obj = { key1: "it", key2: function() {return this.key1 + " works!"} }; alert(obj.key2());
key2 関数内の 'this' がグローバルを参照しているため、このコードはコンソール エラーをトリガーします。 obj オブジェクトの代わりにオブジェクト (ウィンドウ) を使用します。このエラーは、関数内でオブジェクト リテラルを直接使用することで回避できます。
var obj = { key1: "it", key2: function() {return obj.key1 + " works!"} }; alert(obj.key2());
ただし、このアプローチでも問題が発生しないわけではありません。追加のシナリオを分析してみましょう:
- 外部関数呼び出し:
var obj = { key1: "it", key2: function() { return this.key1 + " works!" } }; var func = obj.key2; alert(func()); // error
key2 関数を (メソッドとしてではなく) スタンドアロン関数として呼び出します。 obj) は「this」参照を壊し、予期せぬ事態を引き起こす可能性があります
- 参照の交換:
var obj = { key1: "it", key2: function() { return obj.key1 + " works!" } }; var newref = obj; obj = { key1: "something else"; }; alert(newref.key2()); // "something else works"
obj 参照を二次参照から変更すると、key2 関数の内部参照が正しい参照に無効になる可能性があります。 object.
これらの潜在的な問題に対処するために、いくつかの解決策があります。 available:
- ES6 with const: 「this」参照を壊す可能性のあるオブジェクトの突然変異を防ぎます。
- ES5 Closure: オブジェクトをカプセル化します。外部参照を避けるために関数内で
- バインディング: key2 関数を obj オブジェクトにバインドして、その 'this' 参照が常に正しいことを確認します。
最適なソリューションの選択は状況によって異なります。特定の状況と、概説された問題が発生する可能性について。それでも、オブジェクト リテラル関数を使用する場合は、潜在的な落とし穴を認識し、必要な予防措置を講じることが重要です。
以上がJavaScript オブジェクト リテラル関数の「this」をオブジェクト リテラル名に置き換えることはできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

JavaScript文字列置換法とFAQの詳細な説明 この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します:内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します 最も直接的な方法は、置換()メソッドを使用することです。 str = str.replace( "find"、 "置換"); この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace(/fi

このチュートリアルでは、カスタムGoogle検索APIをブログまたはWebサイトに統合する方法を示し、標準のWordPressテーマ検索関数よりも洗練された検索エクスペリエンスを提供します。 驚くほど簡単です!検索をyに制限することができます

それで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか? Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました

この記事シリーズは、2017年半ばに最新の情報と新鮮な例で書き直されました。 このJSONの例では、JSON形式を使用してファイルに単純な値を保存する方法について説明します。 キー価値ペア表記を使用して、あらゆる種類を保存できます

楽なWebページレイアウトのためにjQueryを活用する:8本質的なプラグイン jQueryは、Webページのレイアウトを大幅に簡素化します。 この記事では、プロセスを合理化する8つの強力なjQueryプラグイン、特に手動のウェブサイトの作成に役立ちます

コアポイント これは通常、メソッドを「所有」するオブジェクトを指しますが、関数がどのように呼び出されるかに依存します。 現在のオブジェクトがない場合、これはグローバルオブジェクトを指します。 Webブラウザでは、ウィンドウで表されます。 関数を呼び出すと、これはグローバルオブジェクトを維持しますが、オブジェクトコンストラクターまたはそのメソッドを呼び出すとき、これはオブジェクトのインスタンスを指します。 call()、apply()、bind()などのメソッドを使用して、このコンテキストを変更できます。これらのメソッドは、与えられたこの値とパラメーターを使用して関数を呼び出します。 JavaScriptは優れたプログラミング言語です。数年前、この文はそうでした

jQueryは素晴らしいJavaScriptフレームワークです。ただし、他のライブラリと同様に、何が起こっているのかを発見するためにフードの下に入る必要がある場合があります。おそらく、バグをトレースしているか、jQueryが特定のUIをどのように達成するかに興味があるからです

この投稿は、Android、BlackBerry、およびiPhoneアプリ開発用の有用なチートシート、リファレンスガイド、クイックレシピ、コードスニペットをコンパイルします。 開発者がいないべきではありません! タッチジェスチャーリファレンスガイド(PDF) Desigの貴重なリソース


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!

Dreamweaver Mac版
ビジュアル Web 開発ツール

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
