Es 6の常用新特性
5668 ワード
ことばを引く
ECMAScript 6.0(以下、ES 6という)はJavaScript言語の次世代規格で、2015年6月に正式に発表されました.JavaScript言語は複雑な大規模なアプリケーションを作成し、企業レベルの開発言語になることを目標としています.
私たちはES 6の拡張を見に来ました. Letとconstのキーワード 変数の割り当て値 関数パラメータのデフォルト値 矢印関数 文字列(テンプレート文字列)、値の拡張 行列、オブジェクトの拡張 関数の拡張 for…of.
ECMAScript 6.0(以下、ES 6という)はJavaScript言語の次世代規格で、2015年6月に正式に発表されました.JavaScript言語は複雑な大規模なアプリケーションを作成し、企業レベルの開発言語になることを目標としています.
私たちはES 6の拡張を見に来ました. Letとconstのキーワード 変数の割り当て値 関数パラメータのデフォルト値 矢印関数 文字列(テンプレート文字列)、値の拡張 行列、オブジェクトの拡張 関数の拡張 for…of.
1: let const 。
let var, var , ,
(1):
(2):
const , ,
const let , , , , , 。
2:ES 6の新しい特性をもう一つ見てください.for…of. for ,
Arr=[1,2,3,4,5,6]
for(vari=0;i)
for…of, , 。
for(let itemof Arr) 。
var arr= [1,2,3,4,5];
for(let valueof arr){
if(value ==3){
//
break;
}
console.log(value);
}
1 2.
, break continue 。 ,
for(let indexof arr.keys()){
console.log(index);
}
0,1,2,3,4.
3:矢印関数-> => 。
, 。 , 。
var sum =(x,y)=> {return x+y;}
var sum = function(x,y){
return x+y;
}
, , , :
(1) return , return :
var sum =(x,y)=> return x+y;
(2) , :
var sum =x => x*x;
(3) , :
var sum = () =>1;
var sum = function(){
return 1;
}
(4) , :
var array=[1,2,3];
var result=array.map(x =>x*x); //[1,4,9] [1*1,2*2,3*3]
(5) :
var array=[1,2,3];
array.sort((a,b) => b-a) ;//[3,2,1]
4:矢印関数循環配列セットMap(1): List
String[] atp={"AAA","BBB","CCC"};
List mytest=Arrays.asList(atp);
//
for(String s:mytest){
System.out.println(s);
}
//
mytest.forEach((s) -> System.out.println(s)); //
mytest.forEach((s) ->{
System.out.println(s));
}
(2): Map
Map map=new HashedMap();
map.put("111","aaa");
map.put("222","bbb");
map.put("333","ccc");
//
for(Map.Entry entry:map.entrySet()){
System.out.println("key:"+entry.getKey()+" || value:"+entry.getValue());
}
//
map.forEach((key,value) ->{
System.out.println("key:"+key+" || value:"+value);
});
(3):
,
5:関数パラメータのデフォルト値ES6 :
function foo(height = 50, color = 'red')
{
// TODO
}
, false , 。 , foo :
foo(0, "")
0 false, height 50。 color ‘red’。
, 。
6:テンプレート文字列ES6 , 、 。
:
var name = 'Your name is ' + first + ' ' + last + '.'
:
var name = `Your name is ${first} ${last}.`
ES6 ${} , 。
先にこんなに多くまとめて、後の内容をゆっくりと足します.