初识this
1.什么是this?
定義:調用函數時,call后面的第一個值
2.如何找到this?
由定義可知,this就是call后面的第一個值,只要確定了call后面的值,即可找到this。換句話說,只需要把函數調用改成帶有call的調用即可
3.函數的調用
fn1 = function(x,y){return x+y } fn1(x,y)//調用fn 復制代碼以上調用寫法等同于
fn1.call(undefined,x,y) 復制代碼你會發現同上面的寫法相比,多了個參數undefined。當你用第一種寫法調用函數時,實際上就是默認第一個參數是undefined
根據定義,call后面的第一個值為this的值,即為undefined。但是,如果你console.log(this) 出來,打印結果卻是window。至于原因,是因為瀏覽器規則規定的——非嚴格模式下,函數第一個參數如果是undefined,對象即為window,嚴格模式下才是undefined。記住,值是undefined,打印結果是window,這是兩碼事
var person = {skill:function{console.log('writing')} } person.skill() 復制代碼同理,上述調用可以改寫為
person.skill.call(person)//為什么這么寫,去問js之父吧 復制代碼根據定義,call后面的第一個值為this的值,即為person
補充:箭頭函數內外this不變
轉載于:https://juejin.im/post/5a62ea9ff265da3e56619e0b
總結
- 上一篇: TypeScript的书写规范(TSLi
- 下一篇: 接口管理平台DOClever5.2.0