JS 맛보기 (변수와 함수)

 

변수(variable)

 

데이터를 저장하고 참조(사용)하는 데이터의 이름

 

변수 선언 방법

- var

- let

- const

 

let

 

// 재사용이 가능
// 변수 선언

let 변수명;      // 선언, 값에는 "undefined" 저장
let 변수명 = 값; // 선언과 초기화

let a = 2;
let b = 1;

console.log(a + b); // 출력 결과: 3
console.log(a - b); // 출력 결과: 1

a = 3; // 값(데이터)의 재할당

console.log(a + b); // 출력 결과: 4

 

const

 

// 재사용이 가능
// 변수 선언

const 변수명 = 값; // 처음 선언할 때 반드시 초기화를 해야함

const a = 2;
const b = 1;

console.log(a + b); // 출력 결과: 3
console.log(a - b); // 출력 결과: 1

a = 3; // 값(데이터)의 재할당 불가능!! TypeError(에러메시지 발생)

 

예약어(Reserved Word)

 

let let = 'IT Blue'; // SystaxError
let const = 456;     // SystaxError
let break = false    // SystaxError

특별한 의미를 가지고 있어서 변수나 함수 이름 등으로 사용할 수 없는 단어

 

---

 

함수(function)

 

특정 동작(기능)을 수행하는 일부 코드의 집합(부분)

 

// 함수 선언
function 함수명() {
    실행 코드
}

// 함수 호출
함수명();


// 예시
function Func() {
    console.log(123); 
}

Func(); // 출력 결과: 123

 

// return(반환)

function returnFunc() {
    return 1;
}

let a = returnFunc();

console.log(a); // 출력 결과: 1

 

function sum(a, b) {   // a, b는 매개변수(Parameters)
    return a + b;
}

// 재사용 가능
let a = sum(1, 2); // 1과 2는 인수(Arguments)
let b = sum(3, 4);

console.log(a, b); // 출력 결과: 3 7

 

// 익명 함수, 함수명이 없는 함수

let hello = function () { // 변수에 담아서 사용, 함수 표현이라고 함
    console.log('Hello')
}

// 함수 호출
hello(); // 출력 결과: Hello

 

// 객체 데이터

const student = {
    name: 'itBlue',
    age: 27,  
    
     // 메소드(Method), 객체 속성으로 저장되는 함수
    getName: function () {  
        return this.name;
    }
};

const stuName = student.getName();

console.log(stuName);           // 출력 결과: itBlue
console.log(student.getName()); // 출력 결과: itBlue