Es 6の常用新特性

5668 ワード

ことばを引く
   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   ${}           ,             。
先にこんなに多くまとめて、後の内容をゆっくりと足します.