[20230628]ES6함수 백틱, var&let차이점, const

백틱으로 묶기

let str1 = 'javascript';

        let str2 = '기초';

        // let msg = '여러분은 지금 ' + str1 + str2 + '를 학습하고 있습니다.'; <-이전 

        let msg = `여러분은 지금 ${str1+str2} 를 학습하고 있습니다.`;

        document.write(msg);

 

var let의 차이점

    var a = 0; //초기화, 할당

        if(true){

            var a = 2; //다시초기화, 다시할당

            console.log(a);

        }

        console.log(a);

여기선 안에 있는 a 값이 2이고

밖에서 있는 a값도 2이다.

재할당됨

 

 

 

let은 { } 중괄호 범위 안에서만 추가가 된다

let b = 0; //초기화, 할당

        if(true){

            let b = 2; //{스코프} 스코프 범위에서 사용할 수 있는 변수, 초기화

            console.log(b);

        }

        console.log(b);

 

 

 

const 상수 → 절대 변하지 않는 값

const student = {

            eng:90,

            kor:100,

        }

        student.eng = 80; //객체내의 프로퍼티(번수)의 값은 변경 가능

        console.log(student.eng);

일부의 값을 변경하는것은 가능

객체의 값을 새로지정하는 것은 불가

 

 

배열의값의 일부를 추출하거나 제거하거나 하는것은 가능

const backends = ['asp','jsp','php'];

        //backends = ['asp','jsp','php','java']; 불가

        backends.pop();

        backends.push('java');

        console.log(backends);