본문 바로가기

script/Javascript5

Javascript call, apply, bind method 설명 및 예제 call 모든 함수에서 사용할 수 있으며, this를 특정값으로 지정할 수 있음 ∙ 기본 문법 : fun.call([thisObj[, arg[, arg2[, ...]]]]) ❣️ 예시 1 const mike = { name: "Mike" }; const tom = { name: "Tom" }; function showThisName(){ console.log(this.name); } showThisName(); showThisName.call(mike); // mike showThisName.call(tom); // tom // 첫번째 매개변수로 객체를 제공하면 this가 그 객체에 묶임 ❣️ 예시 2 const mike = { name: "Mike" }; const tom = { name: "Tom" .. 2022. 10. 8.
나머지 매개변수(Rest parameters), 전개구문(Spread syntax) Spread syntax 이름 그대로 객체 혹은 배열들을 펼칠 수 있게 해줌 ❣️ 예시 1 let arr1 = [1, 2, 3]; let arr2 = [4, 5, 6]; let result = [0. ...arr1, ...arr2, 7, 8, 9]; // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] ❣️ 예시 2 let user = {name: 'Mike', age:30 }; let user2 = {...user}; user2.name = "Tom"; console.log(user.name); // "Mike" console.log(user2.name); // "Tom" Arguments ∙ 함수로 넘어온 모든 인수에 접근 ∙ 함수내에서 이용 가능한 지역 변수 ∙ Array 형태의 객체로 ∙ .. 2022. 10. 8.
String methods, Array methods(문자열, 배열 메서드 정리📓) Node.js를 사용하면서 Javascript를 쓸때 부족함을 계속 느끼고 있어서 사람들을 모아 중급 자바스크립트 강의를 들으며 정리한지도 3일째! 오늘은 쪽지 시험날으로 복습도 할 겸 정리했던 개념을을 조금 포스팅 해보려고 한다. 스터디를 하며 이전에 알던 개념도 있고, 새로 알게된 부분도 있지만 언제나 정리해나가는 과정은 항상 꼭 필요하고 생각한다. 오늘도 화이팅~~! 💜 String methods toUpperCase() : 모든 문자 대문자로 반환 toLowerCase() : 모든 문자 소문자로 반환 indexOf(text) : 배열을 문자로 받아 몇번째 위치하는 지 알려줌 let desc = "Hi guys. Nice to meet you."; desc.indexOf('to'); // 14 //.. 2022. 10. 6.
객체 메소드, Computed property Computed property 📓 객체의 key값을 표현식(변수, 함수 등)을 통해 지정하는 문법 // Computed property(계산된 프로퍼티) // 예시 1 let a = 'age'; const user = { name: 'Mike', [a]: 30 // age: 30 } // 예시 2 const user = { [1 + 4] : 5, ["안녕" + "하세요"] : "Hello" } console.log(user) // {5: 5, 안녕하세요: "Hello"} 객체 메소드 종류 Object.assign() : 객체 복제 const user = { name: 'Mike', age: 30 } const newUser = Object.assign({}, user); // 초기값인 {}에 user .. 2022. 10. 4.
Javascript 변수(var, let, const), 호이스팅 📌 목차 변수 let, const는 ES6부터 생긴 것 var 변수 중복 선언이 가능 var name = 'Mike'; console.log(name); // Mike var name = 'Jane'; console.log(name); // Jane 선언하기 전에 사용할 수 있다. // var name; // 코드가 실제로 이동하진 않지만 var로 선언한 변수들은 최상위로 끌어올린것처럼 동작(호이스팅hoisting) console.log(name); // undefined // 선언은 호이스팅되지만 할당은 호이스팅되지 않기 때문에 undefined로 뜸 name = 'Mike'; // 할당 시작 함수 스코프(fucntion-scoped) 📓 함수 스코프? 함수 내에서 선언된 변수만 그 지역변수가 되는 것.. 2022. 10. 4.

티스토리툴바