• JavaScript中apply与call的用法意义及区别


    call 方法

    定义:调用一个对象的一个方法,以另一个对象替换当前对象。
    语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]])
    参数: thisObj 可选项。将被用作当前对象的对象。arg1, arg2,  , argN 可选项。将被传递方法参数序列。
    说明:
    call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。
    如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。

    apply方法

    定义:应用某一对象的一个方法,用另一个对象替换当前对象。
    语法:apply([thisObj[,argArray]])
    说明:
    如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。
    如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数。

    二者区别

    call和apply方法通常被用来实现类似继承一样的功能,以达到代码复用的功效。它们的区别主要体现在参数上。
    对于第一个参数意义都一样,但对第二个参数:apply传入的是一个参数数组,也就是将多个参数组合成为一个数组传入,而call则作为call的参数传入(从第二个参数开始)。
    如 func.call(func1,var1,var2,var3) 对应的apply写法为:func.apply(func1,[var1,var2,var3])
    同时使用apply的好处是可以直接将当前函数的arguments对象作为apply的第二个参数传入。

    实例讲解

    例一:

    function add(a, b) {
        alert(a + b);
    }
    
    function sub(a, b) {
        alert(a - b);
    }
    
    add.call(sub, 3, 1); 

    解释:调用add对象的方法,用sub对象替换add对象。add.call(sub,3,1) == add(3,1),结果为alert(4)。

    例二:

    function Class1() {
        this.name = "class1";
        this.showNam = function()  {
            alert(this.name);
        }
    }
    
    function Class2() {
        this.name = "class2";
    }
    
    var c1 = new Class1();
    var c2 = new Class2();
    
    c1.showNam.call(c2);

    解释:调用Class1的showNam方法,用c2对象替换c1对象。结果为 alert("class2");

    例三:实现继承

    function Class1() {
        this.showTxt = function(txt) {
            alert(txt);
        }
    }
    
    function Class2() {
        Class1.call(this);
    }
    
    var c2 = new Class2();
    c2.showTxt("cc");

    参考:http://www.veryued.org/2011/09/javascript-call/
           

  • 相关阅读:
    BTRON 八十年代日本夭折的操作系统。
    zz白话说学计算机图形学
    陈怀临时间–浅谈微内核QNX/Neutrino
    java封装详解
    maven基础学习为什么要用maven,帮助解决了什么问题,怎么解决的,希望以后学习每个知识点都可以这样问下自己
    vscode开发vue,热更新
    Vue.js到前端工程化
    简洁好用的数据库表结构文档生成工具
    Java的修饰符
    1.谷粒商城000前言
  • 原文地址:https://www.cnblogs.com/adforce/p/3015513.html
Copyright © 2020-2023  润新知