본문 바로가기

Java script

 (21)
This(The execution context - This) This this...프리코스 때 call, apply, bind와 더불어 어렵고 헷갈려서 확실하게 짚고 가지 못한 개념이다. 내가 이해하고 있는 this의 개념과 다른 블로그를 참고하여 얻은 정보들로 간단하게 개념정리를 하고 넘어가려한다. this는 실행 컨텍스트 객체의 한 종류이다. 실행 컨텍스트 객체에는 변수,param,arg,함수선언 등의 정보를 담아주는 Variable obj(변수객체)와 해당 전역 또는 함수가 참조 가능한 변수, 함수 선언에 대한 정보를 담고 있는 전역 객체 또는 활성객체(EC가 생성되면 js엔진은 실행에 필요한 여러가지 정보를 담은 활성객체를 생성한다.)의 리스트를 가리키는 Scope chain(스코프 체인) 그리고 마지막으로 this를 포함하고 있다. 자바스크립트의 함수는 ..
콜백함수 (Callback function, higher-order function) 콜백함수 콜백함수는 higher-order function 이라고도 불립니다.(변수, 매개변수, 리턴값으로 쓰일 수 있는 함수의 특성) 특정 함수의 parameter로 함 수를 전달합니다. 그리고 전달받은 함수를 함수의 내부에서 실행시킵니다. 한마디로 higher-order function은 함수를 인자로 받거나 함수 를 출력으로 반환하는 함수입니다. 우리가 흔히 쓰는 forEach, reduce, map 등의 매소드들도 익명함수로 callback이 들어가 있는 형태입니 다.(이러한 것들을 built-in 고차함수라고 합니다.) 여기서 유추할 수 있는 것은 callback은 값으로써 함수를 사용할 수가 있다는 것 입니다. 이러한 이러한 함수는 여러 형태로 쓰일 수 있습니다. 밑의 예시와 함께 살펴보겠습니..
ES6 문법 ES6 문법 Arrow function : // #1: 일반적인 화살표 함수 let square = (num) => { return num * num } console.log(square(4))// 16 //let square = function (num){ return num*num } // #2: 화살표 내의 this는 ES5의 function 내의 this와 다름 console.log(this === window)// true let basket = { _name: "ball", _mates: ["rebound", "shoot", "pass"], matesCount() { console.log(this === window)// false console.log(this)// basket 객체를 가리킴..
DOM(Document Object Model)(작성중) DOM 기본개념 매소드정리 매소드설명 1 30, 2 30, 3 T, 4 2, 5 1, 6 T,7 D,8 B,9 B,10 ? 11 ?,12 B,13 B,14 function printCareer(user) { console.log(user.career); } function func(array) { array.forEach(function (el) { let ul = document.getElementById('container') let TAGli = document.createElement('li') let TAGa = document.createElement('a') let TAGdiv = document.createElement('div') TAGa.className = 'name' TAGdiv.c..

티스토리툴바