examples/part2/045.js

 

let : 변수선언시 변수의 유효범위 블록 범위로 지정

exampels/part2/041.js

examples/part2/041-1.js

let으로 선언한 변수는 블록단위로 일어남. 하지만 var과 다르게 undefined가뵤이 할당되기 보다는 블록 시작이 선언이 이루어진 라인까지 일시적으로 접근을 막음 

if 블록안에 let을 변수로 정의했기 때문에 value는 if블록 안에 위쪽으로 호이스팅되어  실제 let으로 선선이 이루어지기전까지 일시적으로 접근이 안되는 영역을 만들고 그 안에서 접근을 하게되면 에러 발생

 

 

 

/************************************************************************************************************************/

const로 상수 선언  : 선언시 할당해야하고 이후에 재할당이 어려움

 

examples/part2/042.js

examples/part2/042-1.js

 

'JavaScript 200제' 카테고리의 다른 글

객체 속성 기술자 이행하기  (0) 2019.09.26
함수 호이스팅 이해하기  (0) 2019.09.25
스코프 이해하기  (0) 2019.09.25
함수 나머지 매개변수 이해하기  (0) 2019.09.25
함수 기본 매개변수 처리하기  (0) 2019.09.25

자바스크립트에서는 함수를 선언하기 전에 호출 가능함 ==> 호이스팅

examples/part2/040.js

함수를 선언문이 아닌 표현식을 통해 변수 할당하여 호출 

* 호이스팅은 자바스크립트의 코드를 해석하고 실행하는 방식 때문에 나나탐.

자바스크립트는 코드를 해석하는단계와 실행하는 단계로 나뉘고, 해석하는 단계에서 선언 문장을 초기화하면서 스코프 형성하고 실행하는 단계에서 값을 할당하거나 계산을 하는 행위 

 

스코프는 유효범위로써 변수와 매개변수가 어디까지 유효한지 나타냄

자바스크립트는 기본적으로 전역과 함수 단위로 스코프 생성

examples/part2/039.js

 

*렉시컬 스코프 : 코드를 작성하는 시점에 스코프 결정

examples/part2/039-1.js

 

function(parameter,.....restParameter){

       //arguments 객체는 나머지 매개변수와 다르게 함수 몸통에서만 사용한다..

}

argumenst객체와 나머지 매개변수의 가장 큰 차이점은 arguments 는 배열이 아니지만

나머지 매개변수는 배열이라는 점

 

examples/part2/038.js

 

 

'JavaScript 200제' 카테고리의 다른 글

함수 호이스팅 이해하기  (0) 2019.09.25
스코프 이해하기  (0) 2019.09.25
함수 기본 매개변수 처리하기  (0) 2019.09.25
arguments 객체 이해하기  (0) 2019.09.25
예외 처리하기(throw,try-catch-finally)  (0) 2019.09.24

examples/part2/037.js

 

drawChar2는 width와 height을 기본 매개변수로 정의하는데, height의 기본값으로 앞의 매개변수인 width를 참조하여 작성함. width로 전달되는 값의 2로 나눈 값이 height의 기본값이 됨

 

'JavaScript 200제' 카테고리의 다른 글

스코프 이해하기  (0) 2019.09.25
함수 나머지 매개변수 이해하기  (0) 2019.09.25
arguments 객체 이해하기  (0) 2019.09.25
예외 처리하기(throw,try-catch-finally)  (0) 2019.09.24
함수 이해하기  (0) 2019.09.24

매개변수가 함수 선언시 작성되는 변수라면, 전달인자는 함수가 호출될때 전달되는 값

자바스크립트는 전달인자의 개수와 매개변수가 달라도 에러를 발생하지 않음!

매개변수와 무관하게 함수 호출시 더 많은 인자를 전달할수 있음!

매개변수 외에 함수에서만 사용 가능한 특별한 객체 제공 --> arguments객체

 

examples/part2/036.js

 

 

'JavaScript 200제' 카테고리의 다른 글

함수 나머지 매개변수 이해하기  (0) 2019.09.25
함수 기본 매개변수 처리하기  (0) 2019.09.25
예외 처리하기(throw,try-catch-finally)  (0) 2019.09.24
함수 이해하기  (0) 2019.09.24
심볼형 이해하기  (0) 2019.09.24

예외처리시 에러 종류 크게 두가지 

1. 예상치 못한 에러

2. 개발자가 의도한 에러 --> throw문 사용

 

examples/part2/035.js

 

문자형 값 'Wrong type'을 넣으면 typeof val 결과값은 stirng을 반환합니다.

따라서 조건문 아래 throw문 실행 

 

throw문은 예외상황을 미리 파악하고 에러를 발생시켜 이후 코드가 실행되지 않도록 합니다. 

 

 

* try-catch-finally문

try 블럭 안에서 발생된 에러 잡아내고

catch 블록으로 제어권 넘김

finally 블록 에러발생여부와 상관없이 실행되는 블록

 

examples/part2/035-1.js

 

 

'JavaScript 200제' 카테고리의 다른 글

함수 기본 매개변수 처리하기  (0) 2019.09.25
arguments 객체 이해하기  (0) 2019.09.25
함수 이해하기  (0) 2019.09.24
심볼형 이해하기  (0) 2019.09.24
ES6의 향상된 객체문법  (0) 2019.09.24

function함수이름 {매개변수목록} {

  함수실행부

}

 

함수 형태 4가지

1. 키워드 function

2. 함수이름 function과 소괄호 사이에 이름정의

3. 매개변수 목록 

4. 실행부

 

 

 

'JavaScript 200제' 카테고리의 다른 글

arguments 객체 이해하기  (0) 2019.09.25
예외 처리하기(throw,try-catch-finally)  (0) 2019.09.24
심볼형 이해하기  (0) 2019.09.24
ES6의 향상된 객체문법  (0) 2019.09.24
객체이해하기  (0) 2019.09.24

examples/part2/033.js

'JavaScript 200제' 카테고리의 다른 글

예외 처리하기(throw,try-catch-finally)  (0) 2019.09.24
함수 이해하기  (0) 2019.09.24
ES6의 향상된 객체문법  (0) 2019.09.24
객체이해하기  (0) 2019.09.24
템플릿 문자열 이해하기  (0) 2019.09.24

+ Recent posts