es 6-J-jsの次世代基準は、しっかりと学びます.
1978 ワード
ECMAScript 6.0(以下、ES 6という)はJavaScript言語の次世代規格で、2015年6月に正式に発表されました.JavaScript言語は複雑な大規模なアプリケーションを作成し、企業レベルの開発言語になることを目標としています.
1、let命令の基本的な使い方
ES 6は、変数を宣言するためにletコマンドを追加しました.その使い方はvarに似ていますが、宣言された変数はletコマンドがあるコードブロック内でのみ有効です.
2、const命令の基本的な使い方
constは読み取り専用の定数を宣言します.一旦宣言したら定数の値は変更できません./定数:繰り返し定義されてはいけません.再度定義するとエラーが発生します.
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