this学习
苏喂苏喂苏喂su
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
this学习(二)调用位置和绑定规则
目录 一:调用位置 1、如何查找函数的调用位置 二:绑定规则 1、默认绑定 2、隐式绑定 2.1、隐式丢失 3、显式绑定 3.1、硬绑定 4、new绑定 一:调用位置 1、如何查找函数的调用位置 看下面代码例子 // 找到函数的调用位置 function baz() { debugger // 当前调用栈是:baz // 因此当前的调用位置...原创 2019-07-01 23:43:46 · 379 阅读 · 0 评论 -
this学习(三)this绑定规则的优先级
目录 一:显式绑定 VS 隐式绑定 二:new绑定 VS 隐式绑定 三:显示绑定 VS new绑定 四:总结 在前面的学习中,有默认绑定、显式绑定、隐式绑定、new绑定,这4种规则当中,默认绑定的优先级一定是最低的,那么其它三个规则的优先级到底是怎么样的呢? 一:显式绑定 VS 隐式绑定 例子: function foo() { console.log(this.a) }...原创 2019-07-02 23:05:46 · 515 阅读 · 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 · 216 阅读 · 0 评论 -
this学习(五)箭头函数的this绑定
this词法 箭头函数: 箭头函数不是使用function关键字定义的,而是使用箭头:=> 的操作符定义的,如下: function foo() { return () => { console.log("箭头函数") } } let bar = foo(); bar() // 箭头函数 这里例子中,bar就是一个箭头函数。 箭头函数...原创 2019-07-03 23:29:51 · 638 阅读 · 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 · 296 阅读 · 0 评论
分享