써먹는 웹개발

[Js] 명칭만 모르지 다 아는 얘기 본문

웹개발/Js & Jquery

[Js] 명칭만 모르지 다 아는 얘기

kmhan 2020. 11. 9. 14:38


728x90
반응형

0. 기본 문법

 - 자바스크립트 언어에서는 '과 "을 구분하지 않습니다. 따라서 'hello', "hello" 모두 허용합니다.

 

1. 변수의 Scope

 - 기존 자바스크립트(ES5)는 { } 에 상관없이 스코프가 설정됨

var sum = 0;
for (var i = 1; i <= 5; i++){
  sum = sum + i;
}
console.log(sum); // 15
console.log(i); // 6

 

2. Hoisting

 - Hosting이란 선언한 함수와 변수를 해석기가 가장 상단에 있는 것처럼 인식한다.

 - js 해석기가 코드의 라인 순서와 관계 없이 함수선언식과 변수를 위한 메모리 공간을 먼저 확보하기 때문이다.

 

예제 1)

function willBeOveridden() {
  return 10;
}
willBeOveridden(); // 5
function willBeOveridden() {
  return 5;
}

예제 2)

var sum = 5;
sum = sum + i;

function sumAllNumbers() {
 // ...
}

var i = 10;
// #1 - 함수 선언식과 변수 선언을 hoisting
var sum;
function sumAllNumbers() {
 // ...
}
var i;

// #2 - 변수 대입 및 할당
sum = 5;
sum = sum + i;
i = 10;

 

출처 : Vue.js 중급 강좌

728x90
반응형


Comments