课程名称:破解JavaScript高级玩法
课程章节:第6章 从函数到函数式编程之路
主讲老师:Cloud
课程内容:
今天学习的内容包括:
6-4 神奇的call.call, call.call.call——call是可以改变this的指向。
课程收获:
三个疑问
- 为什么被调用的是 b函数
- 为什么this是 String {“b”}
- 为什么2,3,4个call的结果一样
call和this简单回顾
- call:使用一个指定的 this值和单独给出的一个或多个参数来调用一个函数
- this:执行上下文的一个变量
- this:我们有另一外—种不严谨的的说法, this指向调用者
call的一种虚拟语法
- fun.call(obj, …args) === ( obj.fun = fun; obj.fun(…args) )
为什么2,3,4个call的结果一样
- a.call(b) : a被调用
- a.call.call(b) : a.call被调用
- a.call.call.call(b) : a.call.call被调用
为什么this是 String {“b”}
- this:非严格模式下,Object包装
- this:严格模式下,任意值。(传啥是啥)
万能的函数调用方法
- var call = Function.prototype.call.call.bind(Function.prototype.call);
小结
- call简单嘛?
- 复杂的都是简单的集合体
tips
- 使用 apply、call、bind 函数也是可以改变 this 的指向的
- apply() 方法调用一个函数, 其具有一个指定的this值,以及作为一个数组(或类似数组的对象)提供的参数:fun.apply(thisArg, [argsArray])
- bind 是创建一个新的函数,我们必须要手动去调用
var fn1 ={
name : "Cherry",
fn2 : function (a,b) {
console.log( a + b)
}
}
var b = fn1.fn2;
b.bind(fn1,1,2)()
今天 学习了 call 改变this的一些情况,由此查询到apply,call,bind都是可以改变this指向的,应用场景有些区别的。对自己说一句,加油😀~
坚持打卡,坚持学习!明天见💪~