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
Reference
この問題について(ES 6機能), 我々は、より多くの情報をここで見つけました
https://velog.io/@wony_yoon/ES6의-특징
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
.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
Reference
この問題について(ES 6機能), 我々は、より多くの情報をここで見つけました
https://velog.io/@wony_yoon/ES6의-특징
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
let myName = 'Ella';
// Before
console.log('Hi, My name is ' + myName + '.');
// ES6
console.log(`Hi, My name is ${myName}.`);
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
Reference
この問題について(ES 6機能), 我々は、より多くの情報をここで見つけました
https://velog.io/@wony_yoon/ES6의-특징
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
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"]
Reference
この問題について(ES 6機能), 我々は、より多くの情報をここで見つけました https://velog.io/@wony_yoon/ES6의-특징テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol