>  기사  >  웹 프론트엔드  >  자바스크립트에서 함수를 호출하는 방법은 무엇입니까?

자바스크립트에서 함수를 호출하는 방법은 무엇입니까?

青灯夜游
青灯夜游원래의
2021-06-22 12:00:037759검색

JavaScript에서 함수를 호출하는 방법: 1. "Object.Function Name()" 문을 사용하여 호출합니다. 2. "Function Name().call(Caller, Parameter 1, Parameter 2, ....."을 사용합니다. ); " 문 호출; 3. "함수 이름().apply(caller, 매개변수 배열)" 문 호출을 사용합니다.

자바스크립트에서 함수를 호출하는 방법은 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.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>

함수 클래스를 사용하여 익명 함수를 구성하세요

형식 : new 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는 너무 귀여워요. 그는 여자가 아닙니다

세 가지 방법 호출 함수

  • Object.Function 애플리케이션
  • call 메소드 호출 함수 함수 애플리케이션.(호출자, 매개변수 1, 매개변수 2, .....)
  • apply 메소드 호출 함수 apply(호출자, 매개변수 배열)

참고: 함수를 선언하면 기본적으로 창 개체에 할당됩니다.

열: 세 번의 호출을 구현합니다.

		<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 학습 튜토리얼 ]

위 내용은 자바스크립트에서 함수를 호출하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.