[코드잇]/JavaScript 백엔드 개발자20 모던 자바스크립트 -Spread구문- Spread 구문 '펼치다'라는 의미처럼 하나로 묶여 있는 값을 각각의 개별 값으로 펼치는 문법 (특히 배열을 다룰 때 유용) const number = [1,2,3]; console.log(number); console.log(...number); // 배열앞에 ...붙이는게 문법 Rest Parameter를 만들 때도 ...을 사용하지만 동작하는 방식은 다르다. Rest Parameter - 여러 개의 아규먼트로 하나의 파라미터로 묶는 방식 Spread 구문 - 하나로 묶여 있는 값을 각각의 개별 값으로 펼치는 방식 Spread 구문으로 배열 복사하기 상기) 객체 타입의 값들은 변수에 주소값이 참조됨. interactiveWeb에 javaScript를 push 했지만 webPublishing에도 추가.. 2023. 2. 24. 모던자바스크립트 -문장/표현식/조건연산자- 문장(statements) - 어떤 동작이 일어나도록 작성된 최소한의 코드 덩어리 let x; //선언문 x = 3; //할당문 //조건문 if (x < 5) { console.log('x는 5보다 작다'); } else { console.log('x는 5와 같거나 크다');} //반복문 for (let i = 0; i < 5; i++) {console.log(i);} 끝에 문이라고 붙은 이유는 모두 동작을 수행하는 문장이기 때문 표현식(expressions) - 길이와 상관없이 결과적으로 하나의 값이 되는 코드 ex) 하나의 값, 연산자를 이용한 연산식, 선언된 변수 호출, 객체의 프로퍼티에 접근 //하나의 값 5 'string' //연산자를 이용한 연산식 'I' + ' Love ' + 'Codeit'.. 2023. 2. 24. 모던 자바스크립트 -Arrow Function, this- Arrow Function 1. 익명 함수를 간결하게 표현하는 문법(ES2015) 2. function 키워드를 지우고, 소괄호 오른쪽에 => 표현. 3. 모든 화살표 함수는 익명 함수이다. 따라서 4. 이름을 가진 변수에 할당하거나, 다른 함수의 아규먼트를 선언할 때 사용 5. Arrow Function에는 arguments객체가 없다. 따라서 arguments객체 사용하는 함수는 Arrow Function으로 대체하기 어렵다. 6. this가 가리키는 값이 일반 함수와 다르다. const getTwice = function(number) { return number * 2; }; console.log(getTwice(5)); const myBtn = document.querySelector('#myB.. 2023. 2. 22. 모던 자바스크립트 -파라미터, 아규먼트- 파라미터(Parameter): 외부로부터 값을 전달받기 위해 함수를 선언할 때 소괄호 안에 작성하는 것 함수 내부의 동작 부분에서 변수처럼 활용할 수 있다. function greeting(name){ console.log(`Hi! My name is ${name}`); } 아규먼트(Argument): 함수를 호출할 때 파라미터로 전달하는 값 greeting('sumin'); 파라미터 다루기 파라미터의 기본 값 : 파라미터에 할당 연산자로 값을 미리 지정(ES2015) 아규먼트를 생략하거나, 아규먼트가 undefined 값으로 전달될 때 동작 주의) 아규먼트가 파라미터로 전달될 때는 파라미터의 기본값과는 관계없이 함수를 호출할 때 작성한 순서 그대로 전달 function greeting(name = 's.. 2023. 2. 22. 이전 1 2 3 4 5 다음
