Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでのapply()関数の使用は何ですか?


従来、独自のメソッドを持つオブジェクトがあります およびプロパティ apply()の使用 関数を使用すると、指定されたすべてのオブジェクトを組み合わせてアクセスできるメソッドを構築できます。

実際、このメソッドは call()と同じように機能します 関数ですが、変数のような配列を渡す必要がある場合は、 apply() 関数が登場します。

次の例では、複数の要素 個別に呼び出されたため、 apply()を使用する必要はありません。 代わりに関数call() 関数が使用されます。

<html>
<body>
   <script>
      var obj = {num : 10};
      var mul = function(i, j, k){
         return this.num * i*j*k;
      }
      document.write(mul.call(obj,6,3,4));
   </script>
</body>
</html>

出力

720

次の例では、個々の要素の代わりに、配列 渡された後、 call() 関数がNaNを返しました 一方、 apply() 関数が値を返しました。これは、 call()が原因です。 関数は配列にアクセスできません。

<html>
<body>
   <script>
      var obj = {num : 10};
      var mul = function(i, j, k){
         return this.num * i*j*k;
      }
      var array = [6,3,4]
      document.write(mul.call(obj,array));
      document.write("</br>");
      document.write(mul.apply(obj,array));
   </script>
</body>
</html>

出力

NaN
720

  1. JavaScript関数呼び出し

    JavaScriptのcall()関数を使用すると、異なるオブジェクトから同じメソッドを使用できます。ここでは、パラメータが個別に渡されます。 以下は、JavaScript関数call()のコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0

  2. JavaScript関数の適用

    JavaScriptのapply()関数を使用すると、異なるオブジェクトから同じメソッドを使用できます。ここでは、パラメータが配列として渡されます。 以下は、JavaScript関数apply()-のコードです。 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scal