봉보로봉봉

클래스(Class) ES6에 추가 된 스펙 // 기존 생성자 함수 const User = function (name, age) { this.name = name; this.age = age; this.showName = function () { console.log(this.name); }; }; const mike = new User("Mike", 30); // ES6 클래스 class User { constructor (name, age) { this.name = name; this.age = age; } showName() { consle.log(this.name); } } const mike = new User("mike", 30) constructor는 객체를 만들어주는 생성자 함수다. show..

Generator 함수의 실행을 중간에 멈췄다가 재개할 수 있는 기능 next(), return(), throw() 메소드를 가짐 function* fn() { yield 1; yield 2; yield 3; return 'finish'; } const a = fn(); 함수에 *를 붙이고 yield 키워드를 사용 yield에서 함수의 실행을 멈출 수 있음 generator 함수를 실행하면 generator객체만 반환됨 function* fn() { console.log(1); yield 1; console.log(2); yield 2; console.log(3); console.log(4); console.log(5); yield 3; return 'finish'; } const a = fn(); //..

hasOwnProperty Object.hasOwnProperty('확인할 키') 객체에서 프로퍼티를 가지고 있는지 확인하는 메소드 불리언 값을 반환함 __proto__에서 확인할 수 있음 __proto__ => 프로토 타입이라고 함 객체에서 프로퍼티를 읽으려고 하는데 없으면 여기서 읽음 객체에 hasOwnProperty로 찾는 키가 있으면 그게 실행되고 없으면 프로토타입에서 찾음 상속 const car = { wheels: 4, drive() { console.log('drive'); }, } const bmw = { color: 'red', } const benz = { color: 'black', } const audi = { color: 'white', } bmw.__proto__ = car; b..

call, apply, bind : 함수 호출 방식과 관계없이 this를 지정할 수 있음 call 모든 함수에서 사용할 수 있으며, this를 특정값으로 지정할 수 있음 const mike = { name: 'Mike', }; const tom = { name: 'Tom', }; function showThisName() { console.log(this.name); } showThisName(); // window.name showThisName.call(mike); // 'Mike' showThisName.call(tom); // 'Tom' const mike = { name: 'Mike', }; const tom = { name: 'Tom', }; function showThisName() { co..

Lexical 환경에서 one도 할당되고 addOne은 초기에 이미 선언 완료됨 addOne(5)이라는 함수가 실행되어 새로운 Lexical 환경이 생김 이 Lexical환경에는 함수가 넘겨받은 매개변수와 지역변수들이 저장됨 함수가 호출되는 동안 전역, 내부 Lexical 환경 두개를 가짐 내부 Lexical 환경은 전역 Lexical 환경을 참조할 수 있음 내부 Lexical 환경에 one이 없어서 전역 Lexical 환경을 참조해 one을 찾아 계산을 함 makeAdder와 add3을 선언해 전역 Lexical 환경이 생성됨 add3 위치의 코드가 실행되면서 새로운 Lexical 환경이 생성됨 makeAdder 함수가 실행되어 add3은 return하는 함수가 됨 마지막 줄의 코드가 실행되면서 add..

자바스크립트의 인수 전달에는 개수 제한이 없음 인수를 전달하는 방법 arguments로 전달 나머지 매개 변수로 전달 화살표 함수에는 arguments가 없음 arguments 함수로 넘어 온 모든 인수에 접근 함수 내에서 이용 가능한 지역 변수 length / index array 형태의 객체 배열의 내장 메서드 없음 (forEach, map) 나머지 매개변수 (Rest parameters) 사용을 권장 정해지지 않은 객체의 형식을 배열로 나타날 수 있게 함 배열 메소드를 사용할 수 있음 나머지 매개변수는 항상 마지막에 있어야 함 function 함수(...배열이름) function showName(...names){ console.log(names); } showName(); // [] showNam..

arr.splice(n, m) : 특정 요소 지움 n시작 m개수 let arr = [1,2,3,4,5]; arr.splice(1,2); console.log(arr); // [1,4,5] arr.splice(n, m, x) : 특정 요소 지우고 추가 let arr = [1,2,3,4,5]; arr.splice(1,3,100,200); console.log(arr); // [1,100,200,5] 0개를 지우고 추가하면 아무것도 지우지 않고 그 자리에 추가 됨 arr.splice() : 삭제된 요소 반환 let arr = [1,2,3,4,5]; let result = arr.splice(1,2); console.log(arr); // [1,4,5] console.log(result); // [2,3] ar..

+ 문자열에 접근 let hello = 'Hello'; console.log(hello[1]); // 'e' console.log(hello.charAt(1)); // 'e' charAt() 인덱스에 위치하는 문자를 반환 length 문자열 길이 반환 let desc = '안녕하세요.'; desc.length // 6 특정 위치에 접근 배열과 동일하게 0부터 시작 하지만 배열과 다르게 한 글자만 바꾸는 것은 불가능 let desc = '안녕하세요.'; desc[2] // '하' toUpperCase() 모두 대문자로 변환 toLowerCase() 모두 소문자로 변환 str.indexOf(text) 문자를 인수로 받아 몇번 째에 위치하는지 알려줌 0부터 시작함 찾는 문자가 없으면 -1을 반환 포함된 문자가..