this学习
苏喂苏喂苏喂su
这个作者很懒,什么都没留下…
展开
-
this学习(二)调用位置和绑定规则
目录一:调用位置1、如何查找函数的调用位置二:绑定规则1、默认绑定2、隐式绑定2.1、隐式丢失3、显式绑定3.1、硬绑定4、new绑定一:调用位置1、如何查找函数的调用位置看下面代码例子// 找到函数的调用位置function baz() { debugger // 当前调用栈是:baz // 因此当前的调用位置...原创 2019-07-01 23:43:46 · 306 阅读 · 0 评论 -
this学习(三)this绑定规则的优先级
目录一:显式绑定 VS 隐式绑定二:new绑定 VS 隐式绑定三:显示绑定 VS new绑定四:总结在前面的学习中,有默认绑定、显式绑定、隐式绑定、new绑定,这4种规则当中,默认绑定的优先级一定是最低的,那么其它三个规则的优先级到底是怎么样的呢?一:显式绑定 VS 隐式绑定例子:function foo() { console.log(this.a)}...原创 2019-07-02 23:05:46 · 448 阅读 · 1 评论 -
this学习(四)被忽略的this绑定
一:被忽略的this除了前面4种绑定规则之外,还有一些绑定行为是出乎我们的意料的,比如给call、apply、bind绑定一个null或者undefined,那么这时候就不是应用显示绑定了,而是会变成默认绑定。1:null和undefined作为this的占位值function foo(a, b) { console.log("a: " + a, "b: " + b)...原创 2019-07-03 22:39:49 · 180 阅读 · 0 评论 -
this学习(五)箭头函数的this绑定
this词法箭头函数:箭头函数不是使用function关键字定义的,而是使用箭头:=> 的操作符定义的,如下:function foo() { return () => { console.log("箭头函数") }}let bar = foo();bar() // 箭头函数这里例子中,bar就是一个箭头函数。箭头函数...原创 2019-07-03 23:29:51 · 453 阅读 · 0 评论 -
this学习(一)this指向什么?
目录一:为什么要用this?二:常见误解1、this指向自身2、this指向函数的作用域三:this指向什么?一:为什么要用this?因为this提供了更优雅的方式来隐式传递一个对象的引用,可以将API设计的更加简洁且易于复用。下面来看一个例子function fun() { return this.name;}let obj = { ...原创 2019-06-30 22:28:39 · 243 阅读 · 0 评论