const, let 및 var 키워드

10089 단어

문서 목록

  • const 키워드
  • let 키워드
  • 전역 역할 영역
  • 함수 작용역
  • 문장 블록 작용역
  • 반복 선언
  • const 키워드


    const 선언의 변수는 직접 초기화되어야 하며 다음 코드에서는 값을 두 번 지정할 수 없습니다.
    <script type="text/javascript">
    	const name="Tom";
    	console.log(name);
    	name="Tim";//  :TypeError: invalid assignment to const `name'
    	console.log(name);
    </script>
    

    let 키워드


    var과 마찬가지로 let도 변수를 성명하는 데 사용된다. 그러면 var성명의 변수와let성명의 변수는 어떻게 다른가.

    전역 역할 영역


    let이 선언한 변수는 전역 대상 window의 속성이 되지 않으며 var이 선언한 변수는 다음과 같은 코드가 될 수 있습니다.
    <script type="text/javascript">
    	let address="         ";
    	console.log(address);
        console.log(window.address);//undefined
    </script>
    
    <script type="text/javascript">
    	var address="         ";
    	console.log(address);
        console.log(window.address);
    </script>
    

    함수 작용역


    var과 마찬가지로 변수를 선언하는 데 사용되며 이때 두 변수는 다릅니다.
    <script type="text/javascript">
    	function print(){
    		var address="         ";
    		console.log(address);
    	}
    	print();
    </script>
    
    <script type="text/javascript">
    	function print(){
    		let address="         ";
    		console.log(address);
    	}
    	print();
    </script>
    

    문장 블록 작용역


    let 성명 변수는 문장 블록 작용 영역 내에만 사용할 수 있고 var 성명 변수는 문장 블록 작용 영역 밖에서도 사용할 수 있습니다
    <script type="text/javascript">
    	if(true){
    		let address="         ";
    		console.log(address);
    	}
    	console.log(address);//ReferenceError: address is not defined
    </script>
    
    <script type="text/javascript">
    	if(true){
    		var address="         ";
    		console.log(address);
    	}
    	console.log(address);
    </script>
    

    반복 선언


    let은 변수를 반복해서 설명할 수 없습니다. var은 가능합니다.
    <script type="text/javascript">
    	let address="         ";
    	let address = "         ";
    	console.log(address);
    </script>
        :
    SyntaxError: redeclaration of let address
    
    <script type="text/javascript">
    	var address="         ";
    	var address = "         ";
    	console.log(address);//  :         
    </script>
    

    좋은 웹페이지 즐겨찾기