🙿🙿🙿🙿🙿🙿🙿🙿🙿🙿🙿🙿

*call, apply, bind: 자바스크립트에서는 일반적인 방법 외에도 함수를 어디서 어떻게 호출했는지와 관계없이 this가 무엇인지 지정할 수 있음 *call: 모든 함수에서 사용 가능하며 this를 특정값으로 지정할 수 있음 함수를 호출하면서 call을 사용하고, this로 사용할 객체를 넘기면 해당함수가 주어진 객체의 메서드인 것처럼 사용할 수 있음 call의 첫번째 매개변수는 this로 사용할 값이고 매개변수가 있으면 그 매개변수를 호출하는 함수로 전달됨 const mike = { name: "Mike", }; const tom = { name: "Tom", }; function showThisName(){ console.log(this.name); } //여기서 this는 window를 가리..

* setTimeout: 일정 시간이 지난 후 함수 실행 -2개의 매개변수를 받음 fn: 일정 시간이 지난 뒤 실행하는 함수 / 3000: 시간(=3s) function fn(){ console.log(3) } setTimeout(fn,3000); setTimeout(function(){ console.log(3) },3000); //동일하게 동작 -인수가 필요할 경우 시간 뒤에 , 추가해서 적으면 됨 -showName: 함수 / 3000: 시간 / 'Mike': 인수. 해당 함수의 첫번째 인수로 전달 function showName(name){ console.log(name); } setTimeout(showName,3000,'Mike'); ◎ clearTimeout(tId): 예정된 작업을 없애줌. ..

* Closure(클로저): 함수와 렉시컬 환경의 조합 - 함수가 생성될 당시의 외부 변수를 기억하고 생성된 이후에도 계속해서 접근 가능 - 외부함수의 실행이 끝나서 외부함수가 소멸된 이후에도 내부함수가 외부함수의 변수에 접근할 수 있음 * 자바스크립트는 어휘적 환경(Lexical environment)를 갖고 있음 예시1) let one; one = 1; function addOne(num) { console.log(one + num); } addOne(5); //6 코드를 실행하면 스크립트 내에서 선언한 변수들이 Lexical 환경에 올라감 - let으로 선언한 변수 -> one: 초기화가 안 되어 있음 = >사용 못함 - 함수선언문 -> 변수와 달리 바로 초기화 됨 -> addOne: fuction..

* 인수 전달 자바스크립트에서 넘겨주는 함수의 인수 갯수는 제한 X 인수의 갯수는 정해놓고 함수를 만들어도 실제 호출 시 정확히 그 갯수를 맞춰 줄 필요 X 아무것도 전달하지 않아도 됨 -> undefined로 나옴(에러발생 x) function showName(name){ console.log(name); } showName('Mike'); //'Mike' showName('Mike','Tom'); //'Mike' showName(); //undefined 함수의 인수를 얻는 방법 1. arguments로 접근: 과거 사용 방법, 화살표 함수에서는 사용 불가 2. 나머지 매개 변수 사용: 다양한 방법 있음 1. arguments - 함수로 넘어 온 모든 인수에 접근할 수 있음 - 함수 내에서 이용 가능..

- Destructuring assignment: 구조 분해 할당 구문은 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 하는 표현식 - 배열 구조 분해 let [x,y] = [1,2]; console.log(x); //1 console.log(y); //2 let user1은 let users[0] 요소와 동일 let users = ['Mike', 'Tom', 'Jane']; let [user1, user2, user3] = users; console.log(user1); //'Mike' console.log(user2); //'Tom' console.log(user3); //'jane' split 이용해도 가능 let str = "Mike-Tom-Jane"; let [user1, use..

- arr.sort(): 배열 재정렬, 인수로 정렬 로직을 담은 함수를 받음 배열 자체가 변경 되어서 주의 필요 let arr = [1,5,4,2,3]; arr.sort(); console.log(arr); //(5) [1, 2, 3, 4, 5] let arr = ['a','d','z','c','w']; arr.sort(); console.log(arr); //(5) ['a', 'c', 'd', 'w', 'z'] 앞자리 숫자를 인식해서 배열하기 때문에 숫자 순서대로 배열할 경우 fn 사용해야함 함수 이용해 양수인지 음수인지 0 인지 판단 let arr = [27,8,5,13]; arr.sort((a,b) => { return a - b; }); console.log(arr); //(4) [5,8,13,2..

- 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] -> m 자리에 0이 들어갈 경우 제거할 수 있는 숫자 갯수 없이 x를 추가함 let arr = ["나는", "윶", "입니다"] arr.splice(1,0,"대한민국", "사람"); console.log(arr); //["나는","대한민국","사람","윶","입니다"] - arr.splice(): 삭..

개발하다보면 2진수 , 색상표현을 위해 16진수가 필요할 때 생김 > 10진수를 2진수, 16진수로 변환 - toString : 숫자를 해당하는 진법으로 변환 let num = 10; console.log(num.toString()); //10 console.log(num.toString(2)); //1010 let num2 = 255; console.log(num2.toString()); //255 console.log(num2.toString(16)); //ff (색상코드) * Math: js에는 수학과 관련된 프로퍼티와 메소드를 가지고 있는 Math 내장 객체 존재 프로퍼티 예시) - Math.PI 원주율 console.log(Math.PI); //3.141592653589793 - Math.cei..

-symbol: 유일한 식별자를 만들 때 사용. 유일성이 보장 됨 const a = Symbol(); //new를 붙이지 않음 const b = Symbol(); console.log(a) console.log(b) 결과 Symbol() Symbol() 일치 연산자로 확인 시 a == b; false - property key : 심볼형 const id = Symbol('id'); const user = { name : 'Mike', age : 30, [id] : 'myid' } console.log(user) 결과 {name: 'Mike', age: 30, Symbol(id): 'myid'} -> Object 사용 시 const id = Symbol('id'); const user = { name : ..

let n = "name"; let a = "age"; const user = { [n] : "Mike", [a] : 30, [1+4] : 5, }; console.log(user); 결과 {5: 5, name: 'Mike', age: 30} 5: 5age: 30 name: "Mike" [[Prototype]]: Object - 어떤게 키가 될 지 모를 때 유용 function makeObj(key,val) { return { [key] : val, }; } const obj = makeObj("나이", 33); console.log(obj); 결과 {나이: 33} -객체 메소드 const user = { name: "Mike", age:"30", }; const user2 = user; user2.na..