티스토리 뷰

JS

JS 문법

0307kjb 2022. 5. 14. 14:01

책을 한 번 속독하면서 모르는 개념이나 중요하다고 생각하는 개념을 정리함.

// 스프레드 연산자는 이터러블 오브젝트의 엘리먼트를 하나씩 분리하여 전개한다.

(1)
let spreadObj = [... "music"]
console.log(spreadObj);
//[ 'm', 'u', 's', 'i', 'c' ] 

(2)
const values = [10, 20, 30]
get(... values)

function get(values){
    var sum = one + two +three
    console.log(sum)
}
// 60

(3)
function get(...rest){
    console.log(rest)
}
get(...[1,2,3])
//[ 1, 2, 3 ] rest parameter

 

디스트럭처링

[one, , ,four] = [1,2,3,4]
console.log(one, four);
// 1 4

[one, ...other] = [1,2,3,4]
console.log(other)
// [ 2, 3, 4 ]

 

Default Value, Parameter또한 지정 가능하다.

let [one, two, five=5] = [1, 2]
let plus = (one=1, two=2) => one + two
for of를 통해 이터러블 오브젝트를 반복하여 처리할 수 있다.
배열의 객체가 주로 오지만 String을 통해서도 처리가 가능하다.

for(var value of "ABC")
	console.log(value);
 => A, B, C
 
 for of vs for in
 for of의 경우 프로퍼티도 포함이지만 for in은 프로퍼티를 포함하지 않음.

 

프로토타입 vs 클래스

 

그냥 속성없어도 추가하는게 프로토타입임, 전체적으로 순환할 때는 지정안한 속성까지 포함하는 것이 프로토타입 아닌 것이 클래스라고 생각 ( java 개발자로서 클래스를 사용할 것임)

 

Symbol은 독립적인 벨류라고 보면 됨

기타 사용법은 밑 블로그 참고.

https://another-light.tistory.com/105

 

Symbol을 사용하는 이유는 뭘까 | symbol usage

ECMAScript로 표준화된 이후로 자바스크립트에는 string, number, boolean, null, undefined, object 6개의 데이터 타입이 있었다. 그리고 es6에서 새로운 데이터 타입 Symbol이 추가 되었다. symbol은 무엇이고..

another-light.tistory.com

 

map,set, weakmap, weakset이라는 개념도 있다.

'JS' 카테고리의 다른 글

Webpack 기본구조 -mode  (0) 2022.05.08
Webpack  (0) 2022.05.07
d3 그리기 순서.  (0) 2022.05.07
JS 기본 내용  (0) 2022.05.03
React 생활코딩 3편  (0) 2022.04.28
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함