본문 바로가기
반응형

전체 글90

자바스크립트 핵심 개념 : 클로저 1. 클로저란 특정 현상을 말한다. 클로저는 어떤 특정 현상을 뜻하는데, 길게 풀어 쓰면 "컨텍스트 A에서 선언한 변수 a를 참조하는 내부함수 B를 A의 외부로 전달할 경우 A가 종료되어도 a가 사라지지 않는 현상"이다. 쉽게 풀어쓰면 "최초 선언시의 정보를 유지하는 현상"이다. 저 현상의 의의는 지역변수를 함수 종료후에도 사라지지 않게 쓸 수 있다는 것이다. 그러나 이렇게 읽어보면 이해가 가지 않으니, 코드를 보자. 2. 그 이론을 눈으로 확인하고 외우자 function a() { var x = 1; function b() { console.log(x); } b(); } a(); //1 console.log(x); //에러 기본적으로 사용하는 스타일이다. 여기서 변수 x는 a안에서 선언되고 할당된 것이.. 2020. 12. 20.
자바스크립트 핵심 개념 : 함수와 변수 사용 - 함수와 변수 사용 자바스크립트를 하면 함수와 변수 사용방법은 기본적이지만 자바 개발자입장에서는 처음에 혼란스러울 수도 있다. 함수를 값으로 취급한다. 라는 것을 새기고 공부를 해야겠다. 사용방법이 워낙 많아서 일단 기초중의 기초부터 써본다. function setName(name) { console.log(name); } setName('김율프'); 함수를 소환할때 매개변수로 값을 넣어 사용하는 방식이 우리가 일반적으로 쉽게 사용하는 부분이다. function setName(name) { console.log(name); } var a = setName; a('김율프') 그런데 자바스크립트에서는 함수를 값으로 취급하기 때문에 변수에 함수를 넣어 그 변수를 함수처럼 사용하는 것이 가능하다. setNam.. 2020. 12. 20.
자바스크립트 핵심 개념 : this, 이것만 알면 끝 1. this란 무엇일까 this는 자바에서 흔히 쓰이는 this보다 더 확장된 의미로 동적 바인딩되기 때문에 경우마다 다르게 해석된다. 우선 this를 이해하기 전에 실행컨텍스트부터 잘 이해해보자. https://yulfsong.tistory.com/87?category=797547 자바스크립트 핵심 개념 : 함수스코프와 실행컨텍스트 1. 함수스코프와 실행컨텍스트 함수스코프가 무엇일까? scope는 범위, 영역정도로 해석되는데 즉,"변수의 유효범위"라고 할 수 있다. 변수는 전역변수, 지역변수로 나뉘는데 전체적인 변수, 지역 yulfsong.tistory.com 전차수를 다시 복기해보면 함수 코드덩어리인 실행컨텍스트가 활성화되는 시점은 "호이스팅이 일어나고, 함수가 실행될 때 열리며, this 바인딩 .. 2020. 12. 18.
자바스크립트 핵심 개념 : call / apply / bind 메서드 이해하기 콜백함수에서 this를 바인딩할 때 "기본적으로는 함수와 동일, 즉 전역객체(window)이다."라는 정의가 있는데 아래 세가지 메서드는 그 사실을 벗어난다. 즉, call / apply / bind는 명시적인 this 바인딩이 가능하게 나온 메서드이다. 그런 의미에서 세 가지의 차이를 확인해보자. function a(x, y, z) { console.log(this, x, y, z); } var b = { c: 'eee'}; // call a.call(b, 1, 2 ,3); // apply a.apply(b, [1,2,3]); // bind var c = a.bind(b); c(1,2,3); 처음 볼때는 이게 뭔 코드야 싶겠지만, 어떤 인자값이 오는지 확인해보면 그리 복잡한 코드가 아니다. a.call.. 2020. 12. 18.
반응형