Dev./JavaScript26 Javascript :: 나머지 매개변수, 전개 구문 Rest parameters Sprad syntax //인수 전달 function showName(name){ //(name) 인수 개수 제한 없음 console.log(name); } showName('Mike'); //Mike showName('Mike','Tom'); //Mike showName(); //undefined Mike Mike 자바스크립트에서 함수에 넘겨주는 인수의 개수는 제약이 없다 함수의 인수를 얻는 방법 - arguments 로 접근 (화살표 함수에는 arguments가 없다) - 나머지 매개 변수를 사용 arguments /* arguments */ function showName(name){ console.log(arguments.length); //2 console.log(a.. 2022. 7. 19. Javascript 문법 정리 object shorthand assignment //object shorthand assignment let name="soyoung" let age=20 let person={ name:name, age:age } console.log(person) {name: 'soyoung', age: 20} 키와 키 값에 들어가는 변수의 이름이 같다면 let name="soyoung" let age=20 let person={ name, age } console.log(person) Destructuring //Destructuring 구조 분해 let person = { name:"soyoung", age:20 } /* let name = person.name let age = person['age'] */ .. 2022. 7. 18. JavaScript :: 구조 분해 할당 Destructuring assignment 구조 분해 할당 구문은 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 하는 표현식 배열 구조 분해 let [x,y] = [1,2]; console.log(x); // 1 console.log(y); // 2 let users = ['Mike', 'Tom', 'Jane']; let [user1, user2, user3] = users; console.log(user1); // 'Mike' console.log(user2); // 'Tom' console.log(user3); // 'Jane' //문자열을 스플릿으로 자르기 let str ="Mike-Tom-Jane"; let [user1, user2, user3] = str.split('-'); .. 2022. 7. 15. JavaScript :: Symbol property key : 문자형 const obj={ 1: '1입니다.', false:'거짓' } Object.key(obj); //["1","false"] obj['1'] //"1 입니다." obj['false'] //"거짓" Symbol 은 유일한 식별자를 만들 때 사용한다 Symbol : 유일성 보장 const a = Symbol(); // new를 붙이지 않는다 const b = Symbol(); console.log(a) console.log(b) console.log(a===b) //일치연산자로 확인해보면 false가 나온다 console.log(a==b) //자료형은 달라도 내용만 일치하면 되는 동등연산자도 false가 나온다 property key : 심볼형 const id = Symbo.. 2022. 7. 15. Javascript :: 콜백 함수/동기와 비동기 콜백 함수 정의 : 함수에 파라미터로 들어가는 함수 코드를 통해 명시적으로 호출하는 함수가 아니라, 단지 함수를 등록하기만 하고 어떤 이벤트가 발생했거나 특정 시점에 도달했을 때 시스템에서 호출 되는 함수 용도 : 순차적으로 실행하고 싶을 때 사용 안정적으로 확실하게 특정코드를 순차적으로 실행할 수 있다 남이 쓸 코드를 만들 때 유용 document.querySelector('.button').addEventListener('click', function(){ //버튼 누르면 이 코드 실행해주세요 :: .addEventListener }) .addEventListener // 함수 function(){ // .addEventListener 의 파라미터로 함수 넣음 => 콜백 함수 }) setTimeout.. 2022. 7. 11. JavaScript :: 객체 메서드 Object methods 계산 된 프로퍼티 Computed property 객체 메서드 Object methods 객체 복제 Object.assign() // Object.assign(): 객체 복제 const user = { name: 'Mike', age:30 } const cloneUser = user; //이렇게 하면 클론이 될까? 안된다 왜냐하면 //user 변수에는 객체 자체가 들어가있는게 아니라 객체가 저장되어 있는 메모리주소인 객체에 대한 참조값이 저장 됨 //따라서 클론유저를 만들어 유저를 담아도 그 참조값만 저장된다 const newUser = Object.assign({}, user); // 여기서 빈 객체 {} 는 초기값 두번째 매개변수로 들어온 객체들이 초기값에 병합 된다 {} + {name: 'Mike'.. 2022. 7. 3. 이전 1 2 3 다음
'Dev./JavaScript' 카테고리의 글 목록 (3 Page)
