在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向. JavaScript 的一大特点是,函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」.   apply(): 将函数作为指定对象的方法来调用,传递给它的是指定的参数数组function.apply(thisobj, args) 或者 function.apply(thisobj, args) 1.thiso

this的指向问题 一般情况下this对象指向调用函数的对象,全局环境中执行函数this对象指向window. function a(){ console.log(this); //输出函数a中的this对象 } function b(){}; var c={name:"call"}; //定义对象c var c = { getFunc:function(){ return function(){ console.log(this) } } } var cFun = c.getFunc

http://www.ruanyifeng.com/blog/2018/06/javascript-this.html https://segmentfault.com/a/1190000018017796 在函数中 this 到底取何值,是在函数真正被调用执行的时候确定下来的,函数定义的时候确定不了. 因为 this 的取值是函数执行上下文(context)的一部分,每次调用函数,都会产生一个新的执行上下文环境.当代码中使用了 this,这个 this 的值就直接从执行的上下文中获取了,而不会

apply.call 在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向. JavaScript 的一大特点是,函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念. 先来一个栗子: 1 2 3 4 5 6 7 8 9 10 11 function fruits() {}    fruits.prototype = {     color: "red&q

在JS中,这三者都是用来改变函数的this对象的指向的,他们有什么样的区别呢.在说区别之前还是先总结一下三者的相似之处:1.都是用来改变函数的this对象的指向的.2.第一个参数都是this要指向的对象.3.都可以利用后续参数传参.那么他们的区别在哪里的,先看一个例子. var xw = { name : "小王", gender : "男", age : 24, say : function() { alert(this.name + " , "

call和apply都是解决this指向问题的方法,唯一的区别是apply传入的参数除了其指定的this对象之外的参数是一个数组,数组中的值会作为参数按照顺序传入到this指定的对象中. bind是解决call和apply指定函数对象的问题.bind可以将this指定给一个指定的对象 下面将具体说明: 一.this指定问题 this可以用在构造函数之中,表示实例对象.this还可以用在别的场合.但不管是什么场合,this都有一个共同点:它总是返回一个对象. 上面代码中,this.name表示na

一.探索call方法原理 Function.prototype.call = function(obj) { // 1.让fn中的this指向obj // eval(this.toString().replace("this","obj")); // 2.让fn方法再执行 // this(); } function fn1() { console.log(1); console.log(this); } function fn2() { console.log(2)

一.方法定义: apply:调用一个对象的一个方法,用另一个对象替换当前对象.例如:B.apply(A, arguments);即A对象应用B对象的方法. call:调用一个对象的一个方法,用另一个对象替换当前对象.例如:B.call(A, args1,args2);即A对象调用B对象的方法. 上面的定义看一遍是很懵的,不过自己遍写例子遍反复读的时候,会有种拨开云雾的感觉. call 与 apply 的相同点: 方法的含义是一样的,即方法功能是一样的: 第一个参数的作用是一样的: call 与

call().apply().bind()是用来改变this的指向的. 一 举个例子 一个叫喵喵的猫喜欢吃鱼,一个叫汪汪的小狗喜欢啃骨头,用代码实现如下: 有一天,小狗汪汪和喵喵共进午餐的时候,汪汪说自己想尝尝小鱼干的味道,但是因为有刺,喵喵就想了个办法,说自己先吃,完了喂给汪汪. 这样,汪汪就吃到了美味的鱼干.可是汪汪每吨都想来点小鱼干,喵喵还要工作去捉老鼠,所以它们又想了一个办法,喵喵把吃鱼的方法教给汪汪.这样,每次汪汪就可以自己吃小鱼干了. bind()方法在这里再多说一下,bind的时候

这三个都是用来改变this指向的 call() 和apply()的第一个参数相同,就是指定的对象.这个对象就是该函数的执行上下文.call()和apply()的区别就在于,两者接收的参数不一样.call的传参是这样的: fun.call(a,'wang mu'),apply的传参是这样的fun.apply(a,['wangmou']),bind的传参:fun.bind(a)('wang mu'),bind返回的时候仍然是一个函数,我们在调用的时候进行传参.bind不能立即执行,apply,cal

javascript中的每一个Function对象都有一个apply()和一个call()方法,它们的语法分别是: /*apply()方法*/ function.apply(thisObj[, argArray]) apply: 调用一个对象的一个方法,用另一个对象替换当前对象. 例如: B.apply(A,arguments); 即A对象应用B对象的方法. /*call()方法*/ function.call(thisObj[, arg1[, arg2[, [,...argN]]]]); ca

call,apply继承并调用该函数,bind继承后未调用函数. var React = require('react'); //核心 var ReactDom = require('react-dom'); //描画dom var Nav=React.createClass({ render: function(){ return <div>Nav</div> } }); var Header=React.createClass({ getInitialState: functi

call call() 方法调用一个函数, 其具有一个指定的 this 值和分别地提供的参数(参数的列表). <p class="danger"> 注意:该方法的作用和 apply() 方法类似,只有一个区别,就是 call() 方法接受的是若干个参数的列表,而 apply() 方法接受的是一个包含多个参数的数组.</p> 语法: fun.call(thisArg[, arg1[, arg2[, ...]]]) 参数: thisArg 在 fun 函数运行时指定

一.call call有两个妙用 1.继承(我前面的文章有提到用call实现call继承,有兴趣可以看下.https://www.cnblogs.com/pengshengguang/p/10547624.html) 2.修改函数运行时this的指向(今天要说的) // 代码段一 var obj = {name: 'psg'}; function fn(num1, num2) { console.log(num1+num2); console.log(this) } // 1.call里面,第一

bind:bind绑定完this的指向后会返回一个新的函数体,不会被立即调用   call&apply:绑定完this的指向后会立即调用   call与apply的区别:     call:第一个参数是this的指向,第二个以及后面的所有参数需要一个个进行传递       apply:第一个参数是this的指向,第二个参数是一个数组 不传参的方法: Function.prototype.bind2 = function (context) { var self = this; return fu

call 和 apply 的共同点 它们的共同点是,都能够改变函数执行时的上下文,将一个对象的方法交给另一个对象来执行,并且是立即执行的. 为何要改变执行上下文?举一个生活中的小例子:平时没时间做饭的我,周末想给孩子炖个腌笃鲜尝尝.但是没有适合的锅,而我又不想出去买.所以就问邻居借了一个锅来用,这样既达到了目的,又节省了开支,一举两得. 改变执行上下文也是一样的,A 对象有一个方法,而 B 对象因为某种原因,也需要用到同样的方法,那么这时候我们是单独为 B 对象扩展一个方法呢,还是借用一下 A

有些东西说忘就往,每天记录自己忘记的东西重新学习一遍,挺好 作用:call()和apply()用法都是一样的,改变this的指向问题 区别:接收参数的方式不同, (bind 方法是附加在函数调用后面使用,可以忽略函数本身的 this 指向), (bind和 call / apply 有一些不一样,就是不会立即执行函数,而是返回一个已经改变了 this 指向的函数) 1.call call 方法是附加在函数调用后面使用,可以忽略函数本身的 this 指向 语法: 函数名.call(要改变的 thi

me.setname.call(me,"dpd","dpd12");      通过call执行say方法 ,第一个参数为作用对象,后边的一些列参数作为实参传入say方法内 me.setname.apply(me,["dpd","dpd12"]);  通过applay执行say方法 ,第一个参数为作用对象,第二个参宿为数组,数组内的值作为实参传入say方法内 me.setname.bind(me,"dpd"

apply 方法/call 方法 obj.call(thisObj, arg1, arg2, ...);obj.apply(thisObj, [arg1, arg2, ...]); 两者作用一致,都是把obj(即this)绑定到thisObj,这时候thisObj具备了obj的属性和方法.或者说thisObj『继承』了obj的属性和方法.唯一区别是apply接受的是数组参数,call接受的是连续参数. 看代码: function add(j, k){ return j+k; } function

可以干什么? 改变函数内的this指向: 什么时候使用? 构造函数使用this 为什么使用? 为了生成对象 类(函数名不可以带括号).call()      因为this指向对象,所以call的第一个参数为对象 function fn(a,b){   (形参) this.name="zhang"; this.age=20 } obj={ name:"li"; age:10 } fn.call(obj,a,b) fn.apply(obj,[a,b]) (实参)