首頁 > web前端 > js教程 > 主體

javascript呼叫函數的方法有哪些

青灯夜游
發布: 2023-01-06 11:17:53
原創
7752 人瀏覽過

javascript中呼叫函數的方法:1、使用「物件.函數名()」語句呼叫;2、使用「函數名稱().call(呼叫者,參數1 ,參數2 , ... ..);」語句呼叫;3、使用「函數名稱().apply(呼叫者,參數陣列);」語句呼叫。

javascript呼叫函數的方法有哪些

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

函數的三種實作方式

命名函數##

		<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>
登入後複製

使用function類別建構匿名函數

格式:

new Function (('參數列表'),('參數列表'),('函數執行體'));

#註:

    Function中f大寫
  • 參數清單和函數執行體要加引號
  • 以分號結束
  • 		<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真可愛他不是女人


函數呼叫三種方式

    物件.函數應用
  • #call方法呼叫函數
  • 函數應用程式.( 呼叫者,參數1 ,參數2 , .....)
  • apply方法呼叫函數 
  • apply(呼叫者,參數陣列)
註:當宣告一個函數是預設指派給window物件

#列:實作三種呼叫#

		<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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板