手记

【金秋打卡】第2天 从函数到函数式编程之路

课程名称:破解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指向的,应用场景有些区别的。对自己说一句,加油😀~

坚持打卡,坚持学习!明天见💪~

​​

0人推荐
随时随地看视频
慕课网APP