자바스크립트는 라인별로 차례대로 실행됨!
1. 백틱으로 긴 문장 표현 가능 ``
2. 객체속성 (object property) 접근
alert(job.salary);
* 단순히 변수에 값을 저장하고 출력
let age = 32;
let userName = "Seungyeon Kim";
let hobbies = ["sports", "cooking", "reading", 1, 2];
let job = {
title: "Developer",
place: "New York",
salary: 90000,
};
alert(hobbies[0]);
alert(job.salary);
3. 몇년동안 어른이었는지 계산해보기!
하드코딩 = 데이터 내부에 직접 입력하는것
age = 45
let adultYears = age - 18;
alert (adultYears);
-> 변수에 값을 저장하고 연산하여 새로운 값을 출력함!
4. let은 처음 변수를 지정할때만 사용!
5. 라인별로 차례대로 적용됨을 기억!
let adultYears = age - 18;
alert (adultYears);
age = 45;
adultYears = age - 18;
alert (adultYears);
두번째 adultYears의 alert는 45-18의 값이 계산되어 출력된다.
6. function! 알아보기! what function does!
** function을 code on demand! 즉, 즉시사용할수있는코드라고도 함!
let adultYears
function calculateAdultyears() {
adultYears = age - 18;
}
-> 코드를 실행하는건아니고, 브라우저가 암기만 하는 상태임! 즐 커스텀 명렁을 학습하지만 실행하지는 않음!
그래서 언제 실행될건지를 꼭 작성해야함!
calculateAdultyears();
alert (adultYears);
age = 45;
calculateAdultyears();
alert (adultYears);
7. uncaught Reference Error = 참조 오류!
ㄴ 참조할 변수가 없다는 뜻이니 변수를 설정을 해줘야한다!
let adultYears; <- 설정 해줘야함!
변수안에서 생성된 변수는 함수 안에서만 사용됨!!!!!
8. 더 쉬운방법이 있어! (Return)
함수가 값을 반환함! 연산의 결과값을 반환해서 코드의 다른 변수에 저장되도록 한다!
-> 외부 함수의 이름을 알 필요조차 없고 자체적으로 작동할수 있는! Best way! :)
let totalAdultYears;
function calculateAdultyears() {
return age - 18;
}
totalAdultYears = calculateAdultyears();
alert(totalAdultYears);
age = 45;
totalAdultYears = calculateAdultyears();
alert(totalAdultYears);
9. 컨트롤 + 스페이스 (자동완성)
10. 외부변수는 되도록이면 참조 하지 않는것이 좋다 !
11.함수매개변수 (function parameter)
let totalAdultYears;
function calculateAdultyears(userAge) {
return userAge - 18;
}
totalAdultYears = calculateAdultyears(age);
alert(totalAdultYears);
age = 45;
totalAdultYears = calculateAdultyears(age);
alert(totalAdultYears);
매개변수 두개이상일때는 쉼표로 구분해줌!