웹 프런트엔드 개발 2단계-함수

함수


1. 의미: 코드를 담는 용기


2. 함수를 성명하는 방식: 3가지


1) 함수 선언
키워드 function
function    (){
	//     
}

2) 함수 표현식
       
          
  :
	var  box=function(){
		//     
	}

3) ES6 제공: 추가 기능
모든 함수 안의 코드가 직접 집행되지 않도록 주의하시오

3. 함수를 호출하는 방법


1) 함수 호출
   ()
        ,       

최대 기능: 반복 실행 가능
2) 이벤트 호출
  .onclick=   

3) 키워드 reture
  :1、        ,            ,      ;	         
	2、        

변수


1. 전역 변수: 함수에 싸인 변수가 없습니다


사용 범위: 어디서나 사용 및 수정 가능

2. 국부 변수: 함수에 싸인 변수


사용 범위: 이 함수 내에서만 실행할 수 있으며 함수 간에 같은 명칭이 충돌하지 않습니다
var box=2;//    
function fn(){
	var c=1;//    
}

3. 작용역: js의 작용 범위[함수로 작용역을 구분한다]


근접 원칙

4. 작용역 체인: 단일 유통, 작용역 연결 채널


안에서 밖으로만 찾을 수 있고, 밖에서 안으로 찾을 수 없다.

5. 국부 함수: 함수에 싸인 함수


대함수 범위 외에는 호출할 수 없습니다 이벤트 외에는 이벤트 내의 함수를 호출할 수 없습니다
관련 지식 코드 실행:



	
	


	<button type="button">  </button>
	<script type="text/javascript">
		var btn=document.querySelector('button');
		function fn(){
			console.log(344444);
			console.log(4444)
			var c=3;
			c++;
			//         
			// return '    ';
			//         
			// return c;
		}
		//      2,  
		// btn.onclick=fn;
		//      1
		// var a=fn();
		// console.log(a)
		// 
		var a=2;
		function f1(){
			var b=4;
			b=a+b;
			console.log(b)
			function f3(){
				//    
				console.log(1111)
				// return 'dddd';
			}
			var g=f3();
			console.log(g)
		}
		// var g=f3();
		// console.log(g)
		var d=f1();
		console.log(d)
		
		// a=a+b;//  b     ,     
		function f2(){
			var b=4;
			b=a+2;
			console.log(b)
			return b;//           
			//    return;        undefined
		}
		var e=f2();
		console.log(e)
	</script>


</code></pre> 
 </div> 
</div>
                            </div>
                        </div>

좋은 웹페이지 즐겨찾기