call apply bind

超、凢脫俗 2023-01-18 04:11 131阅读 0赞

call 等可以使用在生命周期外面时

// 外面
    function handleMaker(wait) {
        
      return throttle(e => {
        
        this.$emit('scroll', {
        
          x: e.target.scrollLeft,
          y: e.target.scrollTop
        })
      }, wait)
    }
    
    //里面
     methods: {
        
        // 增加滚动事件监听
        addScrollListener() {
        
          // mounted 生命周期内调用这个方法的时候会进入这里的判断
          if (typeof this.handleScroll !== 'function') {
        
            this.handleScroll = handleMaker.call(this, 300)
          }
    }

call

//实现继承
    function Animal(name) {
        
      this.name = name;
      this.showName = function () {
        
        console.log(this.name);
      }
      }
    function Cat(name) {
        
      Animal.call(this, name); 
      }
    var cat = new Cat('Black Cat');
    cat.showName();

apply

//数组追加
    var array1 = [1 , 2 , 3, 5];
    var array2 = ["xie" , "li" , "qun" , "tsrot"];
    Array.prototype.push.apply(array1, array2);
    console.log(array1);

var foo = {
        
        bar : 1,
        eventBind: function(){
        
            var _this = this ;
            $('.someClass').on('click',function(event) {
        
                console.log(_this.bar);     
            });
        }
        }
    var foo = {
        
        bar : 1,
        eventBind: function(){
        
            $('.someClass').on('click',function(event) {
        
                console.log(this.bar);      
            }.bind(this));
        }

①：函数.call(对象,arg1,arg2....)
    ②：函数.apply(对象，[arg1,arg2,...])
    ③：函数.bind(对象,arg1,arg2,....)() 注：bind返回的是一个函数体，并不会直接执行函数

发表评论取消回复

表情：

评论列表（有 0 条评论，131人围观）

还没有评论，来说两句吧...

相关阅读

相关 call、apply、bind

call、apply 假如有一个命名函数fn，有三种写法，都可以执行函数；但是call、apply可以改变this的指向。但如果函数中没有this，call、app

清疚/ 2023年07月06日 14:49/ 0 赞/ 109 阅读

相关 call apply bind

call 等可以使用在生命周期外面时 // 外面 function handleMaker(wait) { return thr

超、凢脫俗/ 2023年01月18日 04:11/ 0 赞/ 132 阅读

相关 call、apply、bind

在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处：都是用来改变函数的this对象的指向的。

谁践踏了优雅/ 2023年01月07日 01:22/ 0 赞/ 169 阅读

相关 apply、call和bind

apply、call和bind方法他们的作用一模一样，都是为了改变函数体内部this的指向，只是传参形式的不同。 call(thisObj, arg1, arg2,

秒速五厘米/ 2023年01月03日 04:14/ 0 赞/ 130 阅读

相关 js实现call,apply,bind

第一步我们先在Function的原型上面新建一个函数吧.叫myApply const obj = { name:'joy', };

╰半橙微兮°/ 2022年11月12日 05:22/ 0 赞/ 164 阅读

相关 bind,call,apply的区别

这三个大佬是干什么用的很多时候面试会问这些,就写写吧，很基础的一些东西。就是改变函数内的`this`的指向,再带些参数进入到函数中，随便你怎么耍了~~ call

左手的ㄟ右手/ 2022年10月01日 04:58/ 0 赞/ 211 阅读

相关 apply, call与bind方法

apply, call与bind方法它们的共同点是第一个参数都是this，即函数运行时依赖的上下文。 call最简单，等价于指定this值调用函数： var

ゝ一世哀愁。/ 2022年06月12日 15:06/ 0 赞/ 268 阅读

相关 apply() call() bind()区别总结

apply() 、call() 、bind() 每个函数都包含两个非继承而来的方法：apply() 和 call() 用途：都是在特定的作用域中调用函数，实际上等于设

野性酷女/ 2022年05月14日 00:12/ 0 赞/ 274 阅读

相关 bind,apply,call的区别

在Javascript中，bind, apply, call方法都可以显式绑定上下文this，这三者有何不同呢？ bind只绑定this不马上执行

水深无声/ 2021年11月02日 12:56/ 0 赞/ 388 阅读

相关 js call、apply、bind

更改this指向 1、call和apply若不传参，效果是一样的 2、改变函数中this的指向为传入的对象等\ 3、call、apply修

超、凢脫俗/ 2021年07月24日 16:59/ 0 赞/ 501 阅读