js-call、apply

这里主要就是做一些前人的总结,有时候会有自己的看法,首先把定义说一下

1、方法定义

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

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

2、相同点和不同点

  1)相同点:本质都是一样的,即两个方法都是实现一个目的,看环境用哪个方法更合适;

  他们的第一个参数可以直接理解成方法的上下文(继承也一样,后面说一下继承会提到),再说白一点,就是执行这个方法的时候,方法内部的this指向的就是第一个参数

  2)不同点:首先第二个可选参数的表现形式,call()第二参数是一个对象,可以有很多个;而apply第二个是一个数组,且最多只有一个。

  主要表现在不同场合,选择那个方法的问题。举例说明一下(都来自网络):

    a)参数比较灵活:alert(Math.max(5,7,9,3,1,6));   //9

    用call没啥实质改变alert(Math.max.call(null,5,7,9,3,1,6));   //9

    用apply的话,可以把参数变成数组

    var arr = [5,7,9,3,1,6];

    alert(Math.max.apply(null,arr));

    因为arr作为参数的话,就活了,你可以在外界任意扩展长度,换做call的话,有多少得写多少参数。apply还可以用arguments,原因是arguments本身数组形        式展现(注意arguments是类似数组的,但本质不是数组,只是有数组的性质:arg[n],arg.length等)

    b)apply根据第二个参数是数据组的特点,可以做一些数组方面的应用:

    数组push:

    var arr1=[1,3,4];  
       var arr2=[3,4,5];  
       如果我们要把 arr2展开,然后一个一个追加到arr1中去,最后让arr1=[1,3,4,3,4,5]   
       arr1.push(arr2)显然是不行的。 因为这样做会得到[1,3,4,[3,4,5]]

    笨方法就是循环添加,这里可以用Array.prototype.push.apply(arr1,arr2);

    也可以用concat方法

    数组concat降低纬度:

    var arr = [‘a‘,‘b‘,[‘c‘,‘d‘],‘e‘];

    想变成一维的,这时候可以用var rtn_arr = arr.concat.apply([],arr);//变成了 [‘a‘,‘b‘,‘c‘,‘d‘,‘e‘];

3、继承

 function  Person(name,age,love){  
        this.name=name;  
        this.age=age;  
        this.love=love;  
        this.say=function say(){  
            alert("姓名:"+name);  
        }  
    }

//call方式  
    function student(name,age){  
        Person.call(this,name,age);  
    }

//apply方式  
    function teacher(name,love){  
        Person.apply(this,[name,love]);  
        //Person.apply(this,arguments); //跟上句一样的效果,arguments  
    }

obj.call(this)这种没有方法的直接调用call的写法称之为继承,但本质上还是没脱离定义的,这里的obj实际上代表这构造方法,以上面例子说明:

Person.call(this,name,age),Person代表的就是Person()这个函数的构造方法,实际上就是window.Person.call(this,name,age),window对象调用Person()方法,然后上下文(所谓的this)指向sudent,     这个时候Person()构造方法里this实际上就是student,这也就是为什么student会有了Person的属性(所谓的继承)。

同时也能得出,这种继承,是得不到原型赋值的属性的,即Person通过prototype赋值的属性,是无法用这个方法传递的

时间: 2024-10-11 17:26:19

js-call、apply的相关文章

JS中的call、apply、bind方法

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

js中的apply、call、callee、caller的区别

1.apply与call的区别与使用 相同点:2者是函数原型的一个方法,因此调用者都必须是函数,第1个参数都是对象.作用是,用另一个对象替换当前对象,另一对象也即是你传的第一个参数.通常用于改变调用的函数中this的指向.如果不传对象或者传入的为null,那么默认对象就是window. 不同点:第2个参数,为调用的函数的参数,区别是apply要求所有函数的参数放在一个数组中传递. 使用方法: fun.call(thisArg[, arg1[, arg2[, …]]]) fun.apply(thi

使用call、apply和bind解决js中烦人的this,事件绑定时的this和传参问题

1.什么是this 在JavaScript中this可以是全局对象.当前对象或者任意对象,这完全取决于函数的调用方式,this 绑定的对象即函数执行的上下文环境(context). 为了帮助理解,让我们来一起看一段代码: // 作为对象方法调用 var test = { a : 5, b : 6, sum : function () { return this.a + this.b; // 此处this = test } } alert(test.sum()); // 11 作为对象调用时thi

js中bind、call、apply函数的用法

最近一直在用 js 写游戏服务器,我也接触 js 时间不长,大学的时候用 js 做过一个 H3C 的 web 的项目,然后在腾讯实习的时候用 js 写过一些奇怪的程序,自己也用 js 写过几个的网站.但真正大规模的使用 js 这还是第一次.我也是初生牛犊不怕虎,这次服务器居然抛弃 C++ 和 lua 的正统搭配,而尝试用 nodejs 来写游戏服务器,折腾的自己要死要活的我也是醉了. 在给我们项目组的其他程序介绍 js 的时候,我准备了很多的内容,但看起来效果不大,果然光讲还是不行的,必须动手.

理解JS中的call、apply、bind方法

理解JS中的call.apply.bind方法(*****************************************************************) 在JavaScript中,call.apply和bind是Function对象自带的三个方法,这三个方法的主要作用是改变函数中的this指向. call.apply.bind方法的共同点和区别:apply . call .bind 三者都是用来改变函数的this对象的指向的:apply . call .bind 三者

JS中call、apply的用法说明

JS Call()与Apply()的区别 ECMAScript规范给所有函数都定义了Call()与apply()两个方法,call与apply的第一个参数都是需要调用的函数对象,在函数体内这个参数就是this的值,剩余的参数是需要传递给函数的值,call与apply的不同就是call传的值可以是任意的,而apply传的剩余值必须为数组. 例如:function add(a, b) { return a + b; } function sub(a, b) { return a - b; } /*a

js中call、apply、bind的用法

今天看博客时,看到了这样的一段js代码: var bind = Function.prototype.call.bind(Function.prototype.bind); 我想突然看到这样的一段代码,即使js能力再强的人,可能也需要花点时间去理解.像我这样的菜鸟就更不用说了.其实,原文已经对这端代码做出了解释,但我还是想用我的想法去解释这段代码. 上面那段代码涉及到了call.bind,所以我想先区别一下call.apply.bind的用法.这三个方法的用法非常相似,将函数绑定到上下文中,即用

js 之 call 、 apply

在学习js过程中怎么也绕不过用到call.apply方法,感觉都差不多,现在看看他们的用法,区别 在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向. e.g. function fruits() {} fruits.prototype = { color: "red", say: function() { console.log("My color is &

js中bind、call、apply函数的用法 (转载)

最近看了一篇不错的有关js的文章,转载过来收藏先!!! 最近一直在用 js 写游戏服务器,我也接触 js 时间不长,大学的时候用 js 做过一个 H3C 的 web 的项目,然后在腾讯实习的时候用 js 写过一些奇怪的程序,自己也用 js 写过几个的网站.但真正大规模的使用 js 这还是第一次.我也是初生牛犊不怕虎,这次服务器居然抛弃 C++ 和 lua 的正统搭配,而尝试用 nodejs 来写游戏服务器,折腾的自己要死要活的我也是醉了. 在给我们项目组的其他程序介绍 js 的时候,我准备了很多

js中call、apply和bind的区别

前言 关于js中call.apply和bind这三者的区别,这应该是一个老生常谈的问题,也是前端面试时经常会遇到的一道题目,因此也抽空把它理一遍. 作用 call.apply和bind都是一个javascript中的方法,他们的共同作用就是改变函数执行时的上下文,即改变函数执行时this的指向.我们来看下面的例子: 1 function Animal(name) { 2 this.name = name; 3 } 4 Animal.prototype.getName = function() {