본문 바로가기

es6

[ES6] Spread(연산자), Rest parameter Spread, Rest parameter이터러블 오브젝트(Iterable object)의 엘리먼트를 하나씩 분리하여 전개한다. 전개한 결과를 변수에 할당하거나 호출하는 함수의 파라미터 값으로 사용할 수 있다.표현방식[…iterable]변수 앞에 ‘…’을 찍어서 선언합니다.Array Spreadlet test = [1,2]; let post = [8,9]; let spread = [0,...test,3,4,5,6,7,...post]; ​ console.log(spread); //[0,1,2,3,4,5,6,7,8,9];String Spreadlet sSpread =[..."JAVASCIRPT"] console.log(sSpread); //[ 'J','A','V','A','S','C','I','R','P','.. 더보기
[ES6] Iteration & for..of 반복문 Iteration사전적의미 -Iteration : 반복의 뜻!!! ES6에서 Iteration 프로토콜은 Iterable 프로토콜과 Iterator 프로토콜로 구성된다. Iterable (순회 가능한 자료 구조) 프로토콜은 반복 가능한 오브젝트를 나타내는 프로토콜이며 Iterator 프로토콜은 이터러블 오브젝트(Iterable 프로토콜을 따르는 오브젝트)의 값을 작성한 순서대로 처리하는 프로토콜이다.ES6에서 제공하는 빌트인 Iterablebuilt in 오브젝트들은 디폴트로 이터러블 프로토콜을 갖고 있다.오브젝트에 Symbol.iterator가 있어야 한다 Array Array.prototype[Symbol.iterator] ​ String String.prototype[Symbol.iterator] .. 더보기
[ES6] Arrow-Function (화살표함수) Arrow-Function(화살표 함수) 란?자바스크립트의 람다식?(한번에 여러 작업을 처리)작업을 할 때 필요한 Runnable 객체(실행코드)를 편리하게 사용->JS에서는 익명함수를 편리하게 사용하기 위해서arrow function expression Arrow function Rule// Arrow 함수 //Parameter가 없으면 소괄호(( ))만 작성한다 // 파라미터를 선언하지 않는 경우 var f1 =()=> { console.log("헬로"); }; f1(); //////////////////////// // 파라미터가 한개인 경우 var f2 =(a)=> { console.log(a); }; f2(100); ///////////////////////////////////////// //.. 더보기
[ES6] let & const ECMAScript(ES) 란?ECMAScipt의 약자로 쉽게 말해 표준화된 스크립트 프로그래밍 언어이다. 자바스크립트는 ECMAScript를 따르며 확장 기능을 가진 스크립트라 할 수 있으며EMCA-262 기술 규격에 의해 정의된 표준화 스크립트 프로그래밍 언어 이다.!!!!!!!!자바스크립트(JavaScript)는 스크립트 언어(script language)이다자바스크립트를 해석하고 실행하는 소프트웨어는 브라우저이다.기존 자바스크립트의 변수는 기본적으로Function Scope입니다(var로 선언한 변수).변수의 유효범위가 함수단위. java는 ->Function Scope가 아닌 Block Scope 가진다.(이미 불편함에 ES6부터는 const와 let이 등장그래서-> const와 let은 Blo.. 더보기