[JS] 함수 스코프(scope), 객체 생성자 함수, prototype, 내장함수, 즉시 실행 함수

1. 함수 스코프 scope 

스코프 (scope) 란 함수의 유효범위를 의미한다. 

 

1️⃣ 전역변수와 지역변수 

전역변수 : 자바스크립트 어디에서든 사용할 수 있는 변수 

지역변수 : 함수 스코프에서만 사용할 수 있는 변수 

 

2️⃣ 전역함수와 지역함수 

전역함수 : 자바스크립트 어디에서든 사용할 수 있는 함수 

지역함수 : 함수 스코프에서만 사용할 수 있는 함수 

함수 스코프에서 선언된 함수는 지역 함수가 되어 함수 스코프에서만 호출할 수 있다. 

 

function 함수명1() {  // 전역함수 

  자바스크립트 코드; 

}

 

function 함수명2() {

  function 함수명3 () {  // 지역함수 

    자바스크립트  코드; 

  }

}

200이 아닌 100 alert 경고 메시지 받음 

 

-> 이러한 문제를 해결하는 방법 : 즉시 실행 함수 

(function() {

  var 변수명; 

 

  function 함수명() {

    자바스크립트 코드;

  }

}());

이렇게 하면 alert 200 경고메시지 받을 수 있다. 

 

 

2. 객체 생성자 함수 

내장 객체를 생성할 때는 이미 자바스크립트 엔진에 내장되어 있는 객체 생성자 함수를 사용하여 객체를 생성한다. 

checkWeight라는 객체 생성자 함수 생성, 속성은 키 몸무게 이름, 함수는 getinfo와 getResult

이렇게 객체를 생성하면 객체를 생성한 만큼 함수가 메모리에 등록되기 때문에 메모리를 낭비하게 된다. 

이럴 때에는 객체 생성자 함수에 프로토타입을 사용하여 함수를 등록해 메모리 낭비를 줄일 수 있다. 

 

 function 함수명 (매개변수1, 매개변수2, ...) {

   this. 속성명 = 값;

}

 

함수명.prototype.함수명 = function() {

  자바스크립트 코드; 

}

 

var 참조 변수 = new 함수명();

 

마지막 true는 jang와 kang 객체가 같은 함수를 사용하고 있다는 뜻이다. 

 

 

3. js 내장함수 

내장함수란 자바스크립트 엔진에 내장된 함수이다. 

 

- 내장함수의 종류 

encodeURI() : 문자를 유니코드로 인코딩

encodeURIComponent() : 문자를 유니코드 값으로 인코딩 

decodeURI() : 유니코드 값을 디코딩해 다시 문자화 

decodeURIComponent() : 유니코드 값을 디코딩해 다시 문자화 

parseInt() :문자열 데이터를 정수형 데이터로 반환

parseFloat() : 문자열 데이터를 실수형 데이터로 반환 

String() : 문자형 데이터로 반환 

Number() : 숫자형 데이터로 반환   

Boolean() : 논리형 데이터로 반환  

isNan() : is Not a number 의 약자이며 숫자가 아닌 문자가 포함되어 있으면 true 반환 

eval() : 문자형 데이터를 따옴표가 없는 자바스크립트 코드로 처리