JavaScript_함수(2)

7. 함수 스코프

: 변수 또는 함수의 유효 범위

-var 변수명; → 전역 변수

 

function 함수명() {

var 변수명; → 지역 변수

}

https://www.youtube.com/watch?v=Ck3CTTJJajU&t=557s 강의 중 일부분

-즉시 실행 함수

-(function() {

자바스크립트 코드;

}());

 

(function() {

var 변수명; //지역 변수

 

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

자바스크립트 코드;

}

}());

 

8. 객체 생성자 함수

-new 키워드를 사용해 객체를 생성하고 객체 생성자 함수에서

this 키워드를 사용해 생성한 객체에 속성과 함수를 등록한다.

 

function 함수명(매개변수1, 매개변수2, ...매개변수n) { //객체 생성자 함수

this.속성명=새 값;

this.함수명=function() {

자바스크립트 코드;

}

}

 

var 참조 변수(인스턴트 네임)= new 함수명(); //객체 생성

↓

var 참조 변수 = { 속성 : 새 값, 함수명 : function() {...}}

 

9. 메모리 절약을 위한 프로토타입 사용하기

: 앞에서 배운대로 객체를 생성하면 객체를 생성한 만큼 함수가 등록돼서

메모리 공간을 낭비하게 된다. 이럴 때 객체 생성자 함수에 프로토타입(Prototype)을 사용하면 낭비를 줄일 수 있다.

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

this.속성명=새 값;

}

 

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

자바스크립트 코드;

}

 

var 참조 변수(인스턴트 네임)=new 함수명();

 

10. 자바스크립트 내장 함수

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

EncodeURI()	문자를 유니 코드값으로 인코딩한다. (영문, 숫자, 일부 기호(; , / ? : @ & = + $)는 제외)	encodeURI("?query=값"); ->"?query=%EA%B0%91"
encodeURIComponet()	문자를 유니 코드값으로 인코딩한다. (영문, 숫자 제외)	encodeURIComponent("?query=값") ->"%3Fquery%3D%EA%B0%91"
decodeURI()	유니 코드값을 디코딩해 다시 문자화한다.	decodeURI("?query=%EA%B0%91") ->"?query=값"
decodeURIComponent()	유니 코드값을 디코딩해 다시 문자화한다.	decodeURIComponent("%3Fquery%3D%EA%B0%91")->"?query=값"
parseInt()	문자열 데이터를 정수형 데이터로 반환한다.	parseInt("5.12")->5 parseInt("15px")->15

parseFloat()	문자열 데이터를 실수형 데이터로 반환한다.	parseInt("5.12")->5.12 parseInt("65.5%")->65.5
String()	문자형 데이터로 반환한다.	String(5)->"5"
Number()	숫자형 데이터로 반환한다.	Number("5")->5
Boolean()	논리형 데이터로 반환한다.	Boolean(5)->true Boolean(null)->false
isNaN()	is Not a Number의 약자이며 숫자가 아닌 문자가 포함되어 있으면 true를 반환한다.	isNaN("5-3")->true isNaN("53")->false
eval()	문자형 데이터를 따옴표가 없는 자바스크립트 코드로 처리한다.	eval("15+5")->20