ES 6機能

9371 ワード

var vs let vs const


まず、varと宣言された変数は、関数単位のスキャンを有する.
letまたはcontとして宣言された変数はブロックスキャンされます.
すなわち,letまたはconstとして宣言された変数は,宣言されたブロックから離れるとアクセスしにくい.
また、varは向上する特性を有し、
letとconstはそうではありません.
letとconstを初期化する前に参照しようとすると、参照エラーが発生します.

Stringの。startsWith()とendsWith()メソッド


.startsWith()メソッドは、ターゲット文字列が受信したパラメータで始まるかどうかを決定します.
let example = 'Hello world';

console.log(example.startsWith('H')); // true

console.log(example.startsWith('h')); // false
.endsWith()メソッドは、ターゲット文字列がパラメータで受信された文字で終了するかどうかを決定するために使用されます.
let example = 'Hello world';

console.log(example.endsWith('ld')); // true

console.log(example.endsWith('LD')); // false

Template Literals


変数や関数呼び出しなどのJavaScriptコードをカッコに入れます.
let myName = 'Ella';

// Before 
console.log('Hi, My name is ' + myName + '.');

// ES6
console.log(`Hi, My name is ${myName}.`);

Arrow Fuction


ES 6で作成された新しい関数表現方法-矢印関数.
矢印関数を使用して関数を作成すると、コードの長さを減らすことができます.
function hello(name){
  
	console.log("안녕하세요"+ name +"입니다.")
}

const allowFuc = (name) =>{
  
  console.log("안녕하세요"+ name +"입니다.")
  
}

Arrays


語句


forEachまたはmapメソッドは、配列を繰り返していくつかの操作を行うことができるツールです.
continueまたはbreakは使用できません.
ES 6はfor...of文を提供し,記述プロセスをより簡単にする.

Spread Operator


.apply()を置き換えることができます.
function sum(a, b, c, d) {
  return a + b + c + d; 
};

var target = [10, 23, 57, 6];

console.log(sum(...target));
アレイのマージにも使用できます.
const familySmith = ['John', 'Jane', 'Mark'];
const familyMiller = ['Mary', 'Bob', 'Ann'];
const bigFamily = [...familySmith, ...familyMiller];

console.log(bigFamily); // ["John", "Jane", "Mark", "Mary", "Bob", "Ann"]
ソース-https://ujeon.medium.com/javascript-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-es6-%ED%8A%B9%EC%A7%95%EB%93%A4-4f8916bf82da