Day5_VSCODE_JavaScript_ (재정리) _함수 작성법
2023. 4. 10. 17:49ㆍJavascript
함수 작성 tip
조건식이 있을 시, 조건에 만족하지 않는 경우 --> 함수 도입부분에서 함수를 미리 종료
function print(num) {
if (num <= 0) return;
console.log(num)
}
num이 0보다 작으면 함수를 종료 / 아니면 콘솔창에 띄우기
arguments
function total(num1 = 0, num2 = 2) {
console.log(num1)
console.log(num2)
console.log('arguments:', arguments)
console.log('arguments:', arguments[1])
// 3이 나온다.
return (num1 + num2);
}
//실행
console.log(total(10,3))
arguments는 함수 안에 요소를 Array형태의 객체이다.
콜백함수
const calc_add = (a, b) => a + b;
const calc_multiply = (a, b) => a * b;
console.log(calc_add(10, 5))
console.log(calc_multiply(10, 5));
[문제]
특정 숫자를 입력하면, 해당 숫자 까지를 출력
예) 5를 입력하면 1 2 3 4 5를 출력
특정 숫자를 입력하면 해당 숫자를 제곱하는 숫자 출력
예) 4를 입력하면 16을 출력
위 두개의 식을 함수로 만들고, 두 함수의 기능을 모두 사용할 수 있는 iterate()를 만들어보자
function array(num) {
a = []
if (num <= 0) return;
for (i = 1; i <= num; i++) {
console.log(i)
}
}
function double(num) {
console.log(num ** 2)
}
function iterate(num, action) {
action(num);
}
iterate(5,double)
원시값과 객체값
원시값: 값에 의한 복사
객체값: 참조에 의한 복사(메모리 주소)
자바에만 있는 코드 작성법 !
function changeAge(obj){
return{...obj, age:10} //obj를 그대로 복사해라.
dog2 = changeAge(dog);
console.log(dog2)
728x90
'Javascript' 카테고리의 다른 글
Day5_VSCODE_JavaScript_ (재정리) _클래스 심화 (0) | 2023.04.11 |
---|---|
Day5_VSCODE_JavaScript_ (재정리) _객체 활용법 (0) | 2023.04.11 |
Day4_VSCODE_JavaScript_ document 객체 + Node(노드) (0) | 2023.04.08 |
Day4_VSCODE_JavaScript_ Location 객체+history 객체 (0) | 2023.04.08 |
Day3_VSCODE_JavaScript_ Web API 객체 + Form(폼)객체 (0) | 2023.04.08 |