상세 컨텐츠

본문 제목

javascript 변수의 주요 특성들.

자바스크립트/Javascript

by amanda.hyon 2021. 8. 16. 19:45

본문

반응형

아래 두 코드에서 사용된 this의 차이점은?

var test = {
  names: ['kim', 'justin', 'aqua'],
  fn: function () {
    test.names.forEach(() => {
      console.log(this)
    })
  },
}

test.fn();

var test = {
  names: ['kim', 'justin', 'aqua'],
  fn: function () {
    test.names.forEach(function () {
      console.log(this)
    })
  },
}

test.fn();

 

다음 코드의 출력은?

<button id="button"> 버튼 </button>

<script>
  document.getElementById('button').addEventListener('click', 
  (e) => {
      console.log(this);
  });
</script>

 

변수 특성

선언 재선언 재할당 범위
var O O function
let X O {}
const X X {}

 

 

호이스팅과 변수선언

console.log(name);

var name = "cookyman"

cosole.log(name);

 

전역 변수 설정하기

// 가장 바깥쪽에 선언해도 되긴 하나..
window.nickname = 'cookyman'
728x90
반응형

관련글 더보기

댓글 영역

페이징