ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptで関数を呼び出す方法は何ですか

JavaScriptで関数を呼び出す方法は何ですか

青灯夜游
リリース: 2023-01-06 11:17:53
オリジナル
7790 人が閲覧しました

JavaScript で関数を呼び出す方法: 1. 「Object.Function Name()」ステートメントを使用して呼び出します; 2. 「Function Name().call(Caller, Parameter 1, Parameter 2, .. . ..);" ステートメント呼び出し; 3. "関数名().apply(caller, パラメーター配列);" ステートメント呼び出しを使用します。

JavaScriptで関数を呼び出す方法は何ですか

このチュートリアルの動作環境: Windows 7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

#関数を実装する 3 つの方法

名前付き関数

		<script type="text/javascript">
		function show(name){
			document.write(name+"  hellow")
		}
		show(&#39;laoli&#39;);
		</script>
ログイン後にコピー

# #匿名関数 (推奨)

		<script type="text/javascript">
			
		var f=function(name){
			document.write(&#39;name+"  hellow")
		}
		f(&#39;laoli&#39;);
		</script>
ログイン後にコピー

関数クラスを使用して匿名関数を構築します形式:

new Function (('パラメータリスト'), ('パラメータリスト'), ('関数実行本体'));

注:

関数には大文字があります文字
  • パラメータリストと関数実行本体は引用符で囲む必要があります
  • #セミコロンで終了
  • ##
    		<script type="text/javascript">
    			var f = new Function(&#39;name&#39;, &#39;alert(name+"你好");&#39;);
    			f(&#39;laoli&#39;);
    		</script>
    ログイン後にコピー
  • #列: 名前付きの使用関数

		<script type="text/javascript">
			function show(){
				document.write(&#39;我是命名函数&#39;)
			}
			var f=show();
			f();//函数调用
		</script>
ログイン後にコピー
#関数内の変数と関数へのアクセス関数内のグローバル変数には直接アクセスできます

関数内の関数には、アクセスする前に最初に呼び出す必要があります

列: 関数内での関数呼び出しの実装 (ローカル関数の呼び出し)

		<script type="text/javascript">
		var num=&#39;laoli&#39;;
		var f=function(num){
			document.write(num+&#39;真可爱&#39;);
			
			function show(){
				document.write(&#39;他不是女人&#39;)
			}
			show();//调用show()函数
		}
		//执行函数
		f(num);
		</script>
ログイン後にコピー

結果: Laoliとてもかわいいです、彼は女性ではありません関数を呼び出す 3 つの方法


Object.Function application

call メソッドfunctionFunction application.(caller,parameter 1,parameter 2, .....)

  • apply メソッドが関数
  • apply(caller,parameter array)
  • を呼び出します。 ##注: デフォルトでウィンドウ オブジェクトに割り当てられる関数を宣言する場合
  • #列: 3 つの呼び出しを実装します
		<script type="text/javascript">
			//创建命名函数
			function show(name, age) {
				document.write(name + &#39;是男人,他&#39; + age + &#39;岁&#39;);
			}
			//对象.函数应用
			window.show(&#39;小明&#39;, &#39;30&#39;); 
			//all方法调用函数 函数应用.( 调用者,参数1 ,参数2 , .....)
			show.call(window, &#39;小明&#39;, &#39;30&#39;);
			//apply方法调用函数  apply(调用者,参数数组)
			show.apply(window, [&#39;小明&#39;, &#39;30&#39;]);
		</script>
ログイン後にコピー

列: 配列内 関数呼び出し

		<script type="text/javascript">
			//show传入两个参数 1个数组 1个函数
			function show(arr, func) {
				//func.call(window, arr);
				func.apply(window, [arr])
			}
			show([1, 2, 3, 4], function(arr) {
				for (i in arr) {
					document.write(arr[i] + &#39;<br/>&#39;)
				}
			});
		</script>
ログイン後にコピー
結果:

[関連する推奨事項: JavaScript 学習チュートリアル

]

以上がJavaScriptで関数を呼び出す方法は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート