'Javascript'에 해당되는 글 49건

익명의함수 call(this)?

1. call(this)

(function(){ var data = 108; console.log(data); }).call(this);

- call(this) :  그 자리에서 실행한다.

1) call(this)

(function(){ var data = 108; console.log(data); }).call(); //108 (function(){ var data = 108; console.log(data); })(); ///108  

- 두 함수 모두 같은 값을 반환한다

- 하지만 this가 없다면 환경에 따라 오류를 일으킬 수 있다

- 함수 안에서 동작 모드에 따라 this가 가리키는 것이 다르다

a. 표준모드 this : 전역객체(window 객체)

b. strict 모드 this : undefined

- call()는 전달된 객체를 this로 익명의 함수를 호출 한다. 전역 스코프에서 this는 전역 객체를 의미하기 때문에 환경에 상관없이 함수 안에 this는 전역 객체가 된다

지정된 함수 인수 

1. 정의   

- 함수의 인수를 전달할 때 지정된 인수만 전달 함으로서 불필요한 인수의 전달을 막는다

2. 구현

1) 문제

function showPanel2(height, width, length){ var height = height; var width = width; var length = length; console.log(height, width, length); }

a. 위 같은 상황에서 height와 length의 인수만 전달 하고 싶다면 어떻게 해야되는가?

- showPanel2(20,undefined,10);

b. 이렇게 진행 할 경우 불필요한 undefined를 넘겨 줌으로서 length 길이를 맞춘다

2) 해결

showPanel({ height : 50, width:100 }); function showPanel(arg){ var height = arg.height; var width = arg.width; var length = arg.length console.log(height, length, width); }  

- 인수를 객체화 시켜 해시 형태로 넘겨준다.

- 불필요한 인수의 사용을 막을 수 있다

자바스크립의 내장객체 (built-in object)

1. 정의

- object specified and supplied by an ECMAScript implementation

- 자바스크립트가 기본적으로 내장하고 있는 object 이다

1) 종류 

- Number, Math, Date, String, Boolean, Function , Array, Object, RegExp

- 각각의 오브젝트들은 프로퍼티와 함수들을 가진다

2. 내장객체(built-in object) 사용

1) Math 이용하기

- 1~10 랜덤 수

console.log(Math.floor(Math.random()*10)+1);

- 1~100 랜덤 수

console.log(Math.floor(Math.random()*100)+1);  

3. 내장객체 확장

- 만약 이런 문제가 있다면

- 문제: 아래 결과가 나올 수 있도록 만들어라

var aa = [1,2,3,4,5]; console.log(aa.duplicate()); // 1,2,3,4,5,1,2,3,4,5  

- Array 내장객체 prototype의 함수를 만들어 사용한다

- 사용자 정의함수

Array.prototype.duplicate = function(){ var arry = this.concat(this); return arry.join(); }  

자바스크립트 함수 인수의 기본값 설정 및 인수확인

1. 함수 인수 기본값 설정

- Javascript는 인수의 디폴트값 셋팅이 없다. 결국 사용자가 구현해야한다

function name(_name){ if(_name === undefined){ _name = "Hee"; } var name = _name; console.log(name); }

- if 구문을 통해 기본값 셋팅

2. 인수확인

- 함수의 인수의 필수값이 전달 되지 않은 경우 예외를 발생 시킨다

function name(_name){ if(_name === undefined){ throw{name: 'ArgsMissing', message : 'Argument is undefinded'}; } var name = _name; return name; } try{ console.log(name()); }catch(e){ console.log(e.message); }  

- throw 명령의 임의의 형을 줄수 있지만 name, message 프로퍼티를 이용하는 것이 좋다