es 6の関数変化

7557 ワード

コラム6 webフロントエンド js。 es 6 関数拡張 javascript

1.関数にデフォルトのパラメータが追加されました.
ES 6の前に、直接関数のパラメータにデフォルト値を指定することはできません.

function show (a,b){
	a = a || '   '；
	b = b  || '   '
	console.log(a,b)	
}

show(1,2）

エス6にデフォルト値を追加すると、よりシンプルになります.

function show (a = '   ',b = '   '){
	console.log(a,b)
}

show(1,2)

結合プロファイル

function show ({a=0,y=0} = {}){
	console.log(x,y)
}

show(1,2)

2.関数パラメータはデフォルトで定義されています.letまたはconst宣言は使用できません.

function show (a,b){
	let a = 25 //   
	console.log(a)
}

3.矢印関数
書き方:

() => {
	  
	return;
}

let show = (a,b) => a+b;          ：

function show(a,b){
	return a+b;
}

矢印関数を使うときは注意が必要です.
1.this問題、this指向は定義関数があるオブジェクトで、運転時のオブジェクトではないです.

var a = 10;
let json = {
	a:5,
	show:function(){
		setTimeOut(function(){
			console.log(this.a) // 10
		},2000)
	}
}

//            5

2.矢印関数にはargmentsがありません.拡張演算子を使用します.

function show (...a){
	console.log(a) // [1,2,3,4,5]
}

show(1,2,3,4,5)

3.矢印関数は構造関数としては使えません.
QQ群:327814892