使用ES6基礎知識來持續更新我的知識庫

2021-08-01 23:47:05 字數 1009 閱讀 5807

1.合理使用物件解構技巧

//這裡表示函式接受乙個引數，該引數有乙個home屬性，該home屬性是乙個物件有location和phonenum兩個子屬性


const sayhello = (})=>


sayhello(});
列印內容如下:

hello,my location: hangzhou


hello,my phonenum: 18340816452
下面是redux-async-connect庫的乙個用法:

@asyncconnect([}) =>


}}])
注意：在函式內部列印home屬性將會報錯,因為此處我們只是將我們傳入的home物件本身進行了屬性解構而已，而home本身並不存在!

2.處理controlled元件

請參考下面的例子:

class reservation extends react.component ;


this.handleinputchange = this.handleinputchange.bind(this);


}  handleinputchange(event) );


//這樣雖然我們有了兩個input,但是我們依然將它繫結到了this.state中了


//注意這裡的:this.setstate();


}  render() 


onchange= />


label>


number of guests:


name="numberofguests"


type="number"


value=


onchange= />


label>


form>


);}}


reactdom.render(


,document.getelementbyid('example')


);

es6基礎知識

1 箭頭操作符 var arr 1,5,6 傳統寫法 arr.foreach function v 箭頭操作符 arr.foreach v console.log v 2 字串模板 var str math.random console.log you num is 3 解構 函式解構 var x,...

ES6基礎知識清單

塊的作用域 let 恒量 const 解構陣列 array destructuring 解構物件 object destructuring 模版字串 template strings 帶標籤的模版字串 tagged templates 判斷字串裡是否包含其他字串 預設引數 default param...

es6學習（持續更新）

剛開始學習es6。本文件主要對es6的基礎語法進行歸納首先，切記要 use strict 宣告 1.let宣告 let a 1 let a 2 報錯console.log b 報錯，而用var宣告變數為undefined let b 2 for let i 0 i 9 i console.log i...