• >函数的方法call、apply、bind


    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>函数的方法call、apply、bind</title>
    </head>
    <body>
    <script>
    // 1.call()和apply()的第一个实参是要调用函数的母对象,它是调用上下文,在函数体内通过this来获得对它的引用。要想以对象o的方法来调用函数f(),可以像下面实例这样使用call(要调用函数的母对象,待调用函数的值)和apply(要调用函数的母对象,用数组表示待调用函数的值)
    var o = {
    x:3,
    m:function(x){
    console.log(x);
    }
    }
    o.m(2);//2
    console.log(o['m']);//function (x){console.log(x);}
    function f(c){
    return c+1;
    }
    console.log(f.call(o,0));//1
    console.log(f.apply(o,[2]));//3
    // 将对象o中名为m()的方法替换为另一个方法
    // 可以在调用原始的方法之前和之后记录日志消息

    function trace(o,m){
    var original = o[m];//在闭包中保存原始方法
    o[m] = function(){
    console.log(new Date(),"Entering:",m);//输出日志消息
    var result = original.apply(this,arguments);//调用原始函数
    console.log(new Date(),"Exiting",m);//输出日志信息
    return result;
    }
    }
    trace(o,'m');
    console.log(o['m']);
    //function (){
    // console.log(new Date(),"Entering:",m);//输出日志消息
    // var result = original.apply(this,arguments);//调用原始函数
    // console.log(new Date(),"Exiting",m);//输出日志信息
    // return result;
    //}
    // 2.bind()方法主要将函数绑定至某个对象。当在函数f()上调用bind方法并传入一个对象o作为参数,这个方法将返回一个新的函数。
    function f(y){return this.x + y};//这个是待绑定的函数
    var o = {x:1};//将要绑定的对象
    var g = f.bind(o);//通过调用g(x)来调用o.f(x)
    console.log(f.call(o,2));//3
    // console.log(o);
    console.log(g(2));//3

    </script>
    </body>
    </html>

  • 相关阅读:
    初识函数定义与调用 * 和 **
    文件操作
    小程序缓存数据
    调用外部的方法
    小程序订单的待付款实现倒计时(秒)
    小程序上线流程
    微信小程序点击保存图片到相册
    修改头像
    点击保存图片
    小程序的学习王战
  • 原文地址:https://www.cnblogs.com/studyh5/p/9317865.html
Copyright © 2020-2023  润新知