es 6-J-jsの次世代基準は、しっかりと学びます.

1978 ワード

ECMAScript 6.0(以下、ES 6という)はJavaScript言語の次世代規格で、2015年6月に正式に発表されました.JavaScript言語は複雑な大規模なアプリケーションを作成し、企業レベルの開発言語になることを目標としています.
1、let命令の基本的な使い方
ES 6は、変数を宣言するためにletコマンドを追加しました.その使い方はvarに似ていますが、宣言された変数はletコマンドがあるコードブロック内でのみ有効です.
{
let x=10;
var y=20;
console.log(x,y);
}
console.log(x);//     ,   
console.log(y);//    
これはlet宣言の変数がそのコードブロックだけで有効であることを示しています.
2、const命令の基本的な使い方
constは読み取り専用の定数を宣言します.一旦宣言したら定数の値は変更できません./定数:繰り返し定義されてはいけません.再度定義するとエラーが発生します.
const PI="3.14159";
console.log(PI);
3、テンプレート文字列--{}小包変数、`小包テンプレート
let name="  ";
let stres6=`   ${name}   20`;
console.log(stres6);//        20
4、es 6定義対象(1)s 5の書き方:
var myname="  ";
var pwd="123”;
var obj={
name:myname,
pwd:pwd
}
console.log(obj);
(2)es6  :
var myname="  ";
var pwd="123”;
var obj6={
    myname,
    pwd
}
console.log(obj6);


es5                             
var Dog={
name:"  ",
sex:" ",
action:function(){
console.log("     ");
}
}
//    
console.log(Dog.name);
//    
Dog.action();

es6            --         
var Dog={
name:"  ",
sex:" ",
action(){
console.log("     ");
}
}
//    
console.log(Dog.name);
//    
Dog.action();

5、矢印関数SE 6:矢印関数(returnを持参)
//    es5  
function test1(str){
return str;
}
console.log(test1("  "));
//    es6  
var test2=(str)=>str;
console.log(test2("   "));
//    es5  
var test3=function(){
var str="  ";
return str;
}
console.log(test3());
//    es6  
var test4=()=>{
var str="  ";
return str;
};
console.log(test4());
6、es 6——this突き抜ける
//this  
var objThis1={
name:"  ",
age:22,
action:function(){
console.log(this);
}
}
objThis1.action();//es5          
var objThis2={
name:"  ",
age:22,
action:()=>{
console.log(this);
}
}
objThis2.action();//es6  this        Window