ホームページ ウェブフロントエンド jsチュートリアル js での this のポインティングの問題に関するディスカッション

js での this のポインティングの問題に関するディスカッション

Mar 16, 2018 pm 05:09 PM
javascript this 話し合う

この記事では、主に js における this のポインティングの問題について説明します。 this キーワードは、現在実行されているメソッドのオブジェクトを表します。現在のメソッドがない場合は、グローバル変数を参照します。つまり、メソッドを呼び出すオブジェクトの参照を表します。

1. グローバル スコープまたは通常の関数内の this は、グローバル オブジェクト ウィンドウを指します。

//直接打印
    console.log(this) //window
//function声明函数
    function bar () {conso
le.log(this)}bar() //window
//function声明函数赋给变量
    var bar = function () {console.log(this)}bar() //window
//自执行函数
    (function () {console.log(this)})(); //window
ログイン後にコピー

2. メソッド呼び出しでこれを呼び出すのは誰ですか? 例

//对象方法调用
    var person = {run: function () {console.log(this)}}person.run()// person
//事件绑定
    var btn = document.querySelector("button")btn.onclick = function () {console.log(this) // btn}
//事件监听
    var btn = document.querySelector("button")btn.addEventListener('click', function () {console.log(this) //btn})
//jquery的ajax
    $.ajax({ self: this,    type:"get",    url: url,    async:true,    success: function (res) {console.log(this)
 // this指向传入$.ajxa()中的对象
    console.log(self) // window  } }); 
//这里说明以下,将代码简写为$.ajax(obj) ,this指向obj,在obj中this指向window,因为在在success方法中,独享obj调用自己,所以this指向obj
ログイン後にコピー
このポインタを変更します。 関数自体は特別な型であり、ほとんどの人はこれが誰を指すのかを決定することはできません。関数が定義されたときのみ、実際にこれが誰を指すのかを決定できます。 、これは最終的に彼を呼び出した関数を指します。 関連する推奨事項:

PHP での $this とアクセス修飾子の使用法の詳細な説明

JavaScript で指定された this を変更するためのさまざまなメソッド

このルールと JavaScript でのこのオブジェクトの使用例

以上がjs での this のポインティングの問題に関するディスカッションの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 Jan 05, 2024 pm 06:08 PM

JavaScript チュートリアル: HTTP ステータス コードを取得する方法、特定のコード例が必要です 序文: Web 開発では、サーバーとのデータ対話が頻繁に発生します。サーバーと通信するとき、多くの場合、返された HTTP ステータス コードを取得して操作が成功したかどうかを判断し、さまざまなステータス コードに基づいて対応する処理を実行する必要があります。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法を説明し、いくつかの実用的なコード例を示します。 XMLHttpRequestの使用

JavaScript で HTTP ステータス コードを簡単に取得する方法 JavaScript で HTTP ステータス コードを簡単に取得する方法 Jan 05, 2024 pm 01:37 PM

JavaScript で HTTP ステータス コードを取得する方法の紹介: フロントエンド開発では、バックエンド インターフェイスとの対話を処理する必要があることが多く、HTTP ステータス コードはその非常に重要な部分です。 HTTP ステータス コードを理解して取得すると、インターフェイスから返されたデータをより適切に処理できるようになります。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法と、具体的なコード例を紹介します。 1. HTTP ステータス コードとは何ですか? HTTP ステータス コードとは、ブラウザがサーバーへのリクエストを開始したときに、サービスが

詳細: Django フレームワークとは何ですか? 詳細: Django フレームワークとは何ですか? Jan 19, 2024 am 09:23 AM

Django フレームワークは、Web アプリケーションを作成するためのシンプルかつ強力な方法を提供する Web アプリケーション用の Python フレームワークです。実際、Django は最も人気のある Python Web 開発フレームワークの 1 つとなり、Instagram や Pinterest を含む多くの企業にとって最初の選択肢となっています。この記事では、基本概念や重要なコンポーネント、具体的なコード例など、Django フレームワークとは何かについて詳しく説明します。 Django の基本概念Djan

JavaScript と WebSocket: 効率的なリアルタイム検索エンジンの構築 JavaScript と WebSocket: 効率的なリアルタイム検索エンジンの構築 Dec 17, 2023 pm 10:13 PM

JavaScript と WebSocket: 効率的なリアルタイム検索エンジンの構築 はじめに: インターネットの発展に伴い、ユーザーのリアルタイム検索エンジンに対する要求はますます高くなっています。従来の検索エンジンで検索を行う場合、ユーザーは検索ボタンをクリックする必要があり、リアルタイムの検索結果を求めるユーザーのニーズに応えることができませんでした。そのため、JavaScript と WebSocket テクノロジを使用してリアルタイム検索エンジンを実装することが注目されています。この記事ではJavaScriptの使い方を詳しく紹介します。

WebSocketとJavaScriptを使ったオンライン電子署名システムの実装方法 WebSocketとJavaScriptを使ったオンライン電子署名システムの実装方法 Dec 18, 2023 pm 03:09 PM

WebSocket と JavaScript を使用してオンライン電子署名システムを実装する方法の概要: デジタル時代の到来により、電子署名は従来の紙の署名に代わってさまざまな業界で広く使用されています。 WebSocketは全二重通信プロトコルとしてサーバーとリアルタイム双方向のデータ通信が可能で、JavaScriptと組み合わせることでオンライン電子署名システムを実現できます。この記事では、WebSocket と JavaScript を使用して簡単なオンライン アプリケーションを開発する方法を紹介します。

詳細: Go 言語のシングルスレッド機能 詳細: Go 言語のシングルスレッド機能 Mar 15, 2024 pm 02:09 PM

最新のプログラミング言語として、Go 言語はそのシンプルさと効率性により、近年ますます多くの開発者に愛され、好まれています。ユニークな機能の 1 つは、シングルスレッドであることです。従来のマルチスレッドプログラミング言語では、スレッド間の同期や相互排他を開発者が手動で管理する必要がありましたが、Go言語では独自のコルーチン(Goroutine)と通信機構(チャネル)により、便利かつ効率的な並行プログラミングを実装できます。 1. Goroutine とシングルスレッド: Go 言語

Linux の一般的な特殊文字の詳細 Linux の一般的な特殊文字の詳細 Mar 14, 2024 pm 02:54 PM

一般的に使用されるオープンソース オペレーティング システムとして、Linux オペレーティング システムは強力なカスタマイズ性と柔軟性を備えています。 Linux システムを使用していると、さまざまな特殊文字の処理に遭遇することがよくあります。これらの特殊文字はコマンド ラインで特別な意味を持ち、多くの高度な機能を実装できます。この記事では、Linux の一般的な特殊文字を詳しく掘り下げ、具体的なコード例とともにその使用方法を詳しく紹介します。ワイルドカード: ワイルドカードは、ファイル名を一致させるために使用される特殊文字です。一般的なワイルドカードには、*、?、[] などが含まれます。ここにいくつかあります

JavaScriptとWebSocketを使用してリアルタイムオンライン投票システムを実装する方法 JavaScriptとWebSocketを使用してリアルタイムオンライン投票システムを実装する方法 Dec 18, 2023 pm 04:27 PM

JavaScript と WebSocket を使用してリアルタイム オンライン投票システムを実装する方法 はじめに: インターネットの急速な発展に伴い、リアルタイム オンライン投票システムはさまざまな活動や選挙において非常に一般的な形式になりました。 JavaScript と WebSocket テクノロジーを使用してリアルタイムのオンライン投票システムを実装すると、柔軟性と使いやすさが向上します。この記事では、JavaScript と WebSocket を使用してシンプルなリアルタイム オンライン投票システムを実装し、対応するコードを提供する方法を詳しく紹介します。

See all articles