"전체 글" 관련 글 109

자바스크립트 입문_콜백함수(callback function) 개념
자바스크립트 2021. 5. 5. 17:23
(본 포스팅은 위키북스의 '코어자바스크립트' 책을 공부하면서 작성되었습니다_내돈내산) 콜백함수(callback function): 다른 코드의 인자로 넘겨주는 함수. 콜백 함수를 넘겨받은 코드는 이 콜백함수를 필요에따라 적절한 시점에 실행함. callback은 call(부르다, 호출하다)와 back(되돌아오다, 되돌다) 두단어의 합성어로, '되돌아 호출해달라' 는 명령. 어떤 함수 X를 호출하면서 '특정조건일때 함수 Y를 실행해서 나에게 할려달라'는 요청을 함께 보냄. 다른 코드(함수 또는 메서드) 에게 인자로 넘겨줌으로써 그 제어권도 함께 위임한 함수. 콜백함수를 위임받은 코드는 자체적인 내부 로직에 의해 이 콜백함수를 적절한 시점에 실행함. (콜백함수의 예시) function returnName(ca..
자바스크립트 입문_콜백함수(callback function)내에서 별도의 인자로 this를 받는 경우
자바스크립트 2021. 5. 5. 16:49
콜백 함수(callback function)를 인자로 받는 메서드 중 일부는 this로 지정할 객체를 표시해 직접 인자로 지정해줄 수 있다. 콜백 함수와 함께 thisArg를 인자로 받는 메서드 Array.prototype.forEach(callback[, thisArg]) // 콜백함수를 넣고 지정한 마지막인자는 this가 됨 Array.prototype.map(callback[, thisArg]) Array.prototype.filter(callback[, thisArg]) Array.prototype.some(callback[, thisArg]) Array.prototype.evert(callback[, thisArg]) Array.prototype.find(callback[, thisArg]) A..
자바스크립트 입문_bind 메소드
자바스크립트 2021. 5. 5. 16:23
(본 포스팅은 위키북스의 '코어자바스크립트' 책을 공부하면서 작성되었습니다_내돈내산) bind 메서드: ES5에서 추가된 기능. call과 비슷하지만 즉시 호출하지는 않고, 넘겨받은 this 및 인수들을 바탕으로 새로운 함수를 반환하는 메서드 bind 메서드의 용도는 함수에 this를 미리 적용하는것 / 부분 적용함수를 구현하는 것 두가지로나뉨. 다시 새로운 함수를 호출할 때 인수를 넘기면 그 인수들은 기존 bind 메서드를 호출할 때 전달했던 인수들의 뒤에 이어서 등록됨. // 일반적인 함수 var func = function (a, b, c, d) { console.log(this, a, b, c, d); }; func(1,2,3,4);// window{...} 1 2 3 4 ..
자바스크립트 입문_명시적 this 바인딩(call, apply 메소드)
자바스크립트 2021. 5. 5. 15:04
(본 포스팅은 위키북스의 '코어자바스크립트' 책을 공부하면서 작성되었습니다_내돈내산) call 메서드: 메서드의 호출 주체인 함수를 즉시 실행하도록 하는 명령 call 메서드의 첫번째 인자를 this로 바인딩하고, 이후의 인자들을 호출할 함수의 매개변수로 지정. 함수는 그냥 실행하면 this는 전역객체를 참조하지만, call 메서드를 이용해 임의의 객체를 this로 지정가능. var func = function (a,b,c){ console.log(this, a, b, c); }; func(1,2,3);// window {...} 1 2 3 func.call({x:1},4,5,6)// {x:1} 4 5 6 var obj = { a: 1, method: function(x,y) { console.log(t..
자바스크립트 입문_this (여러가지 상황에 따른)
자바스크립트 2021. 5. 4. 17:43
(본 포스팅은 위키북스의 '코어자바스크립트' 책을 공부하면서 작성되었습니다_내돈내산) 전역공간에서 this는 전역 객체를 가리킴. 전역 객체는 자바스크립트 런타임 환경에 따라 다른 이름과 정보를 가짐. 브라우저 환경에서 전역객체는 window이고 Node.js환경에서는 global임. // 브라우저 환경에서 this console.log(this); // {alert: f(), atob: f(), blur: f() ....} console.log(window); // {alert: f(), atob: f(), blur: f() ....} console.log(this === window);// true // Node.js환경에서 this console.log(this);// { process : {tit..
admin

티스토리툴바