• 23. call和apply和bind的区别


    1.call在严格模式下和非严格模式下的区别:

    var obj = {name:"张三"}

    function fn (num1,num2) {

      console.log(num1+num2)

      console.log(this)

    }

    fn(100,200);// this是window num1=100 num2= 200

    fn.call(100,200); // this->100 num1= 200 num2 = undefined

    fn.call(obj,100,200); // this->obj num1=100 num2=200

    fn.call(); // this->window

    fn.call(null); // this->window

    fn.call(undefined); // this->window

    "use strict"// 告诉浏览器接下来的代码将按照严格模式进行编写

    在严格模式下:

    fn.call(); // this->undefined

    fn.call(null); // this->null

    fn.call(undefined); // this->undefined

    2.apply和call方法的作用是一模一样的,都是用来改变方法的this关键字,并且把方法执行:而且在严格模式下和非严格模式下对于第一个参数是null/undefined这种情况的规律也是一样的;

      fn.call(obj,100,200)

      fn.apply(obj,[100,200])//  call在给fn传递参数的时候是一个个的传递,而apply不是一个个传,而是把要给fn传递的参数值,统一的放在一个数组中进行操作,但是也相当于一个个给fn的形参赋值

    3.bind:这个方法在IE6-8下不兼容,和call和apply类似,都是用来改变this关键字的,

      预处理思想:事先把fn的this改变为我们想要的结果,并且把对于的参数值也准备好,以后要用到了,直接的执行即可

      fn.call(obj,1,2) // 改变this和执行fn函数是一起都完成了

      var temp = fn.bind(obj,1,2) // 只是改变了fn中的this为obj并且给fn传递了两个参数值,但是此时并没有把fn这个函数执行;执行bind会有一个返回值,这个返回值temp就是我们把fn的this改变后的那个结果

      temp()

      

      

  • 相关阅读:
    css3 animation 点亮灯光效果
    setTimeout和setInterval
    红绿灯 promise和原始方式实现
    思考3
    转载: 理解Javascript执行过程
    tapable
    SVG: 将 svg 导出成图片
    ES6: Module:
    d3 插值-实现一个简单的 animation
    three.js开发指南(第三版)_案例源码
  • 原文地址:https://www.cnblogs.com/z-dl/p/8952607.html
Copyright © 2020-2023  润新知