JavaScript における Function.prototype.apply と Function.prototype.call の違い-jsチュートリアル-php.cn

Function.prototype.apply

構文

例

出力

Function.prototype.call

Function.prototype.apply と Function.prototype.call の違い

の違いについて説明しました。 #>> メソッドを呼び出します。 2 つの主な違いは、引数の受け入れ方法です。これらのメソッドにはさまざまな用途があります。上の表で使用状況の行を表示できます。

ホームページ

ウェブフロントエンド

jsチュートリアル

JavaScript における Function.prototype.apply と Function.prototype.call の違い

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Aug 24, 2023 pm 01:05 PM

JavaScript 中 Function.prototype.apply 和 Function.prototype.call 的区别

Function.prototype.apply と Function.prototype.call は、特定の this 値を使用して関数を呼び出すことができるメソッドです。パラメーター。 2 つの主な違いは、apply ではパラメータの配列を渡すことができるのに対し、call ではパラメータを 1 つずつリストする必要があることです。

Function.prototype.apply

Function .prototype.apply は、特定の this 値と引数配列を使用して関数を呼び出すことができるメソッドです。

構文

apply を使用するための構文は -

func.apply(thisArg, argsArray)

ログイン後にコピー

です。ここで、thisArg は関数内で this として使用される値です。 argsArray は、関数に渡される引数の配列です。

例

次は、apply -

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      function sayHello(name) {
         return "Hello, " + name + "!";
      }
      document.getElementById("result").innerHTML = sayHello.apply(null, ["John"])
   </script>
</body>
</html>

ログイン後にコピー

出力

を使用して関数を呼び出す例です。上記のコードは次の出力を出力します。

Hello, John!

ログイン後にコピー

ご覧のとおり、この値を設定したくないため、thisArg に null を渡しました。パラメータ「John」を含む argsArray の配列を渡しました。結果は、name パラメーターとして「John」を使用して、sayHello 関数を呼び出します。

Function.prototype.call

Function.prototype.call は、特定の this 値とパラメーターリストを使用してメソッドを呼び出すことができる関数です。

構文

call を使用するための構文は

func.call(thisArg, arg1, arg2, ...)

ログイン後にコピー

です。thisArg は関数内で this として使用される値です。 arg1、arg2、 ... は、関数に渡されるパラメーターです。

例

call を使用した例は次のとおりです関数の呼び出し -

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      function sayHello(name) {
         return "Hello, " + name + "!";
      }
      document.getElementById("result").innerHTML = sayHello.call(null, ["John"])
   </script>
</body>
</html>

ログイン後にコピー

出力

上記のコードは次の出力を出力します。。

Hello, John!

ログイン後にコピー

ご覧のとおり、この値を設定したくないため、thisArg に null を渡しました。「John」を唯一のパラメータとして使用します。結果は、name パラメーターとして「John」を使用して、sayHello 関数を呼び出します。

Function.prototype.apply と Function.prototype.call の違い

次の表は、Function.prototype.apply と Function.prototype.call-

## の主な違いを示しています。 #基本 Function.prototype.applyFunction.prototype.callDefinition このメソッドを使用すると、特定のパラメータパラメータの配列を渡します。パラメータリストを渡します。速度新しい関数を作成しないため、 em>呼び出しごとに新しい関数が作成されるため、使用法このチュートリアルでは、apply


このメソッドを使用すると、特定の	this 値と引数配列を使用して関数を呼び出すことができます。	this 値と引数リストを使用して関数を呼び出すことができます。

	を呼び出すよりも高速です。		apply よりも遅くなります。
	##配列を ## に追加します#ループを使用しない組み込み関数の作成	#リンクされたオブジェクトのコンストラクター。 #匿名関数を呼び出します。関数を呼び出し、「this」のコンテキストを指定します。最初の引数を指定せずに関数を呼び出します。結論

と

の違いについて説明しました。 #>> メソッドを呼び出します。 2 つの主な違いは、引数の受け入れ方法です。これらのメソッドにはさまざまな用途があります。上の表で使用状況の行を表示できます。

以上がJavaScript における Function.prototype.apply と Function.prototype.call の違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

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

ホットAIツール

ホットツール

ホットトピック

Gmailメールのログイン入り口はどこですか？

7366

Java チュートリアル

1628

CakePHP チュートリアル

1353

Laravel チュートリアル

1266

PHP チュートリアル

1214

Related knowledge

JavaScriptの文字列文字を交換します Mar 11, 2025 am 12:07 AM

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

カスタムGoogle検索APIセットアップチュートリアル Mar 04, 2025 am 01:06 AM

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

8見事なjQueryページレイアウトプラグイン Mar 06, 2025 am 12:48 AM

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

独自のAjax Webアプリケーションを構築します Mar 09, 2025 am 12:11 AM

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

＆＃x27; this＆＃x27; JavaScriptで？ Mar 04, 2025 am 01:15 AM

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