js 기본상식 ==

---

목차

---

  ==,=== 차이점 

Es6의 특징

     

---

==,===차이점 

 

==,=== 는 둘다 연산자 인데  ==은 느슨한 동등연산자 이고 ===은 엄격한 동등연산자 이다 

==은 좌항과 우항의 값이 같아야지 참 이되고 좌항과우항의 값이 같지 않다면  거짓이 된다 하지만 좌항과우항의 값은 같지만 타입이 달라도 == (느슨한 동등연산자)에서는 참으로 반환

===(엄격한 동등연산자) 은 좌항과우항의 값이 같고 좌항과우항의 타입도 같아야지 참이된다 그렇지 않으면 거짓이 된다

---

ES6의 특징 * 스코프 

1 let,const 차이점

+예측이 가능한 코드를 작성하게 되었다

+const는 상수를 뜻하기 때문에 한번만 선언 가능 하지만 배열과 오브젝트의 값을 변경하는 것은 가능

let : 변수선언이 안되는데 재할당은 가능하다 

const: 변수 선언이 안되고 재할당도 불가능하다 ,값을재할당하는 코드만 불가능하다

---

객체리터럴

---

객체

자바스크립트는 객체 기반 프로그래밍 언어 이며, 원시 값을 제외한 나머지 값은 모두 객체 이다

객체는 0개 이상의 프로퍼티로 구성된 집합 프로퍼티는 key와 value로 구성

+프로퍼티 : 객체의 상태를 나타내는 값

+메서드: 프로퍼티를 참조하고 조작할 수 있는 동작 기능이다

 

객체리터럴 개요 소개

리터럴은 사람이 이해할 수 있는 문자나 약속된 기호를 사용해 값을 생성 하는 표기법이다 

객체를 생성하는 가장 일반적인 방법이 객체 리터럴 을 사용한다

객체 리터럴은 중괄호({}) 내에 0개 이상의 프로퍼티 정의  프로 퍼티 나열할때는 쉼표(,)로 구분한다

프로퍼티 키 : 빈 문자열 포함 모든 String또는 symdol 값

+프로퍼티 값에 접근할 수 있는 이름으로서 식별자 역할을 한다 식별자 역할

프로퍼티 값 : 자바스크립트에서 사용할 수 있는 모든 값

매서드에 더이성 콜론 이나 FUNCTION 을 붙이지 않아도 된다

자바스크립트의 함수는 객체라서 값으로 취급할 수 있어서 프로퍼티 값으로도 사용

---

템플릿 리터럴

---

템플릿 리터럴 이란 작은 따옴표나 큰 따옴표 대신 백틱 으로 문자열을 감싸 표현 하는 기능이다

 

+ 템플릿 리터럴의 기능 줄바꿈 백틱(`)으로 템플릿 리터럴을 사용하면 ,줄바꿈등을 쉽게 표현 할 수 있다

+표현식 삽입 ${} 사이에 변수나 연산 등을 삽입할 수 있게 되었다 

 +기존의 따옴표 방식에서는, + 연산자로 여러번 이어 붙여야 했다 

  ex)  구 버전) console.log (name + "의 구매가는 "  + (price * num) + "원 입니다" );

        ===> 신 버전) console.log(`${5+10} 입니다)  연산결과는 문자열로 자동 변환되어 사용

---

화살표 함수

---

+ 화살표 함수의 선언  화살표 함수는 Function 키워드 대신 화살표 (=>) 를 사용하여 보다 간단한 방법으로 함수를 선언한다

하지만 모든 경우에  화살표 함수를 사용할 수 있는 것은 아니다 

 

매개변수 지정 방법 : 매개변수가 없을 경우  () => {.....}

매개변수가 한 개인 경우, 소괄호를 생략할 수 있다  x  =>  {....}

매개변수가 여러개인 경우 ,소괄호를 생략할 수 없다 (X,Y) => {......}

 

*(익명함수? , 매개변수? , 함수 표현식?,바인딩?,객체? )*

 

+화살표 함수의 호출 화살표 함수는 익명함수로만 사용할 수 있다 따라서 화살표 함수를 호출하기위해서는 함수 표현식 사용 

또는 콜백 함수로 사용 가능 하다 일반적인 함수 보다 표현식이 간결 하다

 

+Function 키워드로 생성한 일반 함수와 화살표 함수의 가장 큰 차이점은 this 이다 JS의 경우 호출방식에 의해 바인딩할

객체가 동적으로 결정된다 함수를 선언할 떄 this에 바인딩 할 객체가 정적으로 결정되는 것이 아니고 함수를 호출 할때 어떻게 

호출이 되는지 따라 this 바인딩할 객체가 동적으로 결정 

---

비구조화 할당

---

비구조화 할당은 객체와 배열로 프로퍼티를 쉽게 꺼낼 수 있는 문법이다

+비구조화 할당을 사용하면 객체를 나타내는 중괄호를 열고 그안에 프로퍼티들을 언급함으로써 내부속성들을 외부로 인출하여 사용 

+ES6에서는 객체의 속성을 얻기 위해 값을 중괄호 안에 넣어 좀더 간결하게 정의 

 

(프로퍼티?)

 

ex) 

const school = {                                                                

                class: "helloclass"        

                name: "kim",

                age:26,

};

 

let { class, name, age } = school

 

console.log(class);

console.log(name):

console.log(age);

---

for...of 문

---

특정 행위를 반복시켜 결과값을 얻어야할때 반목문 사용 반복 가능한 객체를 for문 안에서 반복 해서 연속된 결과값을 얻는다

 

 

ex)

const iterable = [ 10,20,30 ];

 

for(const Value of iterable) {

console.log(value);

}

---

Default Parameter(기본 매개변수)

---

ES6 문법을 사용할 경우 . default parameter 를 설정 할 수 있게 변경되었습니다 함수 실행시 parameter b와c에 대해 별도로 지정하지 않을경우 default로 설정된 "b"."c"가 출력됩니다

---