1.call/apply/bind方法的来源 首先,在使用call,apply,bind方法时,我们有必要知道这三个方法究竟是来自哪里?为什么可以使用的到这三个方法? call,apply,bind这三个方法其实都是继承自Function.prototype中的,属于实例方法. 1 console.log(Function.prototype.hasOwnProperty('call')) //true 2 console.log(Function.prototype.hasOwnPropert…

作用都是一样的,官方解释:"调用一个对象的一个方法,以另一个对象替换当前对象", 简单来说就是改变当前使用该方法的对象中的this指向: var xw = { name : "小王", gender : "男", age : 24, say : function() { alert(this.name + " , " + this.gender + " ,今年" + this.age); } } var x…

介绍 在js中,每个函数的原型都指向Function.prototype对象(js基于原型链的继承).因此,每个函数都会有apply,call,和bind方法,这些方法继承于Function. 它们的作用是一样的,都是用来改变函数中this的指向. 使用方法 apply的用法可以表示如下: A.apply(B, [x, y, z]); 此方法可以改变函数A的this指向,使之指向函数B.第二个参数传的是一个函数参数列表的数组形式. call的用法和apply差不多,就只有传参方式不一样.类似于这…

原文链接:http://www.cnblogs.com/xljzlw/p/3775162.html var zlw = { name: "zlw", sayHello: function (age) { console.log("hello, i am ", this.name + " " + age " years old"); } }; var xlj = { name: "xlj", }; zlw.s…

数组追加 //用apply拼接 var arr1=[12,'name:foo',2048]; var arr2=['Joe','Hello']; Array.prototype.push.apply(arr1,arr2); console.log(arr1);//(5) [12, "name:foo", 2048, "Joe", "Hello"] //用call拼接 var arr1=[12,'name:foo',2048]; var arr2=…

一.bind的用法 第一个:obj.showInfo('arg','arg_18');中传的2个参数通过showInfo方法改变的是obj下中的name和age 第二个:obj.showInfo.bind(this)('bind','bind_18');中bind要传的name和age是通过一个一个传的形式,然后通过showInfo方法改变的是window下的name和age 注:bind 返回的是一个新的函数,你必须调用它才会被执行 二.apply的用法 第一个:obj.showInfo('a…

 壹 ❀ 引 同事最近在看angularjs源码,被源码中各种bind,apply弄的晕头转向:于是他问我,你知道apply,call与bind的区别吗?我说apply与call是函数应用,指定this的同时也将方法执行,bind不同,它只是负责绑定this并返回一个新方法,不会执行. 他又问,那如果一个方法bind对象a后,再bind对象b,最后再bind对象c,此时执行函数this指向谁呢?(他经常问这种奇葩问题...):我不加思索的回答,是c吧:真的吗?他反问到. 反问的一瞬间,我知道我应…

call.apply.bind使用和区别 // 有只猫叫小黑,小黑会吃鱼 const cat = { name: '小黑', eatFish(...args) { console.log('this指向=>', this); console.log('...args', args); console.log(this.name + '吃鱼'); }, } // 有只狗叫大毛,大毛会吃骨头 const dog = { name: '大毛', eatBone(...args) { console.l…

JS中的call()方法和apply()方法用法总结  : 讲解: 调用函数,等于设置函数体内this对象的值,以扩充函数赖以运行的作用域. function add(c,d){ return this.a + this.b + c + d; } var s = {a:1, b:2}; console.log(add.call(s,3,4)); // 1+2+3+4 = 10 console.log(add.apply(s,[5,6])); // 1+2+5+6 = 14 上面的例子中   ad…

js里的继承方法有很多,比如:使用原型链的组合继承.es6的Class.寄生继承以及使用call.apply.bind继承.再说继承之前,我们先简单了解下它们的区别. 一.区别: 同:三者都是改变函数执行时的上下文,说人话就是改变this的指向. 异: 1.bind()返回的其实是一个函数,并不会立即执行. 2.call().apply()第二个参数有区别,call()的是一个值作为第二个参数,apply()的第二个参数则是一个数组: let obj = { name: 'jack' } fun…

其实是一个很简单的东西,认真看十分钟就从一脸懵B 到完全 理解! 先看明白下面: 例1 obj.objAge;  //17 obj.myFun()  //小张年龄undefined 例2 shows()  //盲僧 比较一下这两者this 的差别,第一个this 指向obj,第二个全局声明的shows()函数   this 是window : 1,call().apply().bind() 都是用来重定义 this 这个对象的! 如: obj.myFun.call(db): //德玛年龄99  …

其实是一个很简单的东西,认真看十分钟就从一脸懵B 到完全 理解! 先看明白下面: 例1 obj.objAge;  //17 obj.myFun()  //小张年龄undefined 例2 shows()  //盲僧 比较一下这两者this 的差别,第一个this 指向obj,第二个全局声明的shows()函数   this 是window : 1,call().apply().bind() 都是用来重定义 this 这个对象的! 如: obj.myFun.call(db): //德玛年龄99  …

其实是一个很简单的东西,认真看十分钟就从一脸懵B 到完全 理解! 先看明白下面: 例 1 obj.objAge; obj.myFun() // 小张年龄 undefined   例 2 shows() // 盲僧   比较一下这两者 this 的差别,第一个打印里面的 this 指向 obj,第二个全局声明的 shows() 函数 this 是 window : 1,call().apply().bind() 都是用来重定义 this 这个对象的! 如: obj.myFun.call(db):…

例1 obj.objAge; //17 obj.myFun() //小张年龄undefined 例2 shows() //盲僧 比较一下这两者this 的差别,第一个打印里面的this 指向obj,第二个全局声明的shows()函数 this 是window : call().apply().bind() 都是用来重定义 this 这个对象的 如: obj.myFun.call(db): //德玛年龄99 obj.myFun.apply(db); //德玛年龄99 obj.myFun.bind(…

其实是一个很简单的东西,认真看十分钟就从一脸懵B 到完全 理解! 先看明白下面: 例1 obj.objAge;  //17 obj.myFun()  //小张年龄undefined 例2 shows()  //盲僧 比较一下这两者this 的差别,第一个打印里面的this 指向obj,第二个全局声明的shows()函数   this 是window : 1,call().apply().bind() 都是用来重定义 this 这个对象的! 如: obj.myFun.call(db): //德玛年…

<script> function test(){ console.log(this) } // new test(); //函数调用call方法的时候,就会执行. //call的参数:第一个参数:方法执行的时候,方法中的this的指向.第二个参数:表示方法执行所需要的实际参数. var obj ={ name:"zhagafd"}; // test.call(obj,"hello"); //applly的参数:第一个参数:方法执行的时候,方法中this…

概念 apply call 和bind 允许为不同的对象分配和调用属于一个对象的函数/方法.同时它们可以改变函数内 this 的指向. 区别 apply 和 call 接收的参数形式不同 apply 和 call 都是直接调用函数并得到函数执行结果,而 bind 会返回待执行函数,需要再次调用 用法演示 我们先创建一个对象 parent const parent = { name: 'parent', sayPerson (age, addr) { return { name: this.nam…

在改变 this 指向的时候,经常会把这三个方法混淆,下面就详细的整理一下三者的用法和区别 call() 方法 call() 方法可以有无数个参数 第一个参数是改变 this 指向的对象 后面的参数直接传递给函数的自身 使用后会自动执行 var a = { name: '张三' } var b = { name: '李四', sayName: function (a,b,c) { console.log(this.name, a+b+c) } } b.sayName.call(a, 1,2,3)…

在原生js中会有三个很常见的函数,call,apply,bind 他们的作用就是改变当前函数的this指针, 但是细微来说他们还是有不同的. 1)call,apply都是执行某一函数,发现this有变得时候才使用的(进行时) 2)bind是在函数进行调用之前,就强行给变了this的指向(进行前),它的效果是返回一个函数(只是给变了this指向) 说的很多了,不说了 demo : function Foo(name){ this.name=name; } Foo.prototype.getName…

call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的,换句话说,就是为了改变函数体内部 this 的指向.call 和 apply二者的作用完全一样,只是接受参数的方式不太一样. 方法定义applyFunction.apply(obj,args)方法能接收两个参数: obj:这个对象将代替Function类里this对象 args:这个是数组或类数组,apply方法把这个集合中的元素作为参数传递给被调用的函数. call call方法与apply方法的第一个参…

"use strict"; ; var obj = { name:'小李', age:, getInfo(from, to) { console.log(arguments) console.log(this.name + '的年龄是' + this.age + '来自:' + from + ' 去:' + to); } }; }; obj.getInfo.call(db,'北京','南京'); obj.getInfo.apply(db,['内蒙古','新疆','别墅']); obj.…

apply和call function Person(c, d) { return this.a + this.b + c + d } var  o = {a: 1, b: 2} Person.call(o, 3, 4) 或者 Person.apoly(o, [3, 4]),  o是你想作为Person函数里面this的对象 ,结果都是10…

1.JavaScript中函数是对象的方法,如果一个函数不是js对象的方法那一定是全局对象的函数,每个函数的对象都有apply和call方法,即每个对象都有call and apply apply:调用一个对象的一个方法,用另一个对象替换当前对象.例如:object1.function.apply(object2, arguments);即object2对象应用object1对象的function方法. call:调用一个对象的一个方法,用另一个对象替换当前对象.例如:object1.funct…

方法调用模式: 当一个函数被保存为对象的一个方法时,如果调用表达式包含一个提取属性的动作,那么它就是被当做一个方法来调用,此时的this被绑定到这个对象. var a = 1 var obj1 = { a:2, fn:function(){ console.log(this.a) } } obj1.fn()//2 此时的this是指obj1这个对象,obj1.fn()实际上是obj1.fn.call(obj1),事实上谁调用这个函数,this就是谁.补充一下,DOM对象绑定事件也属于方法调用模式…

JavaScript 中 call().apply().bind() 的用法 之前对与JavaScript中的call,apply,bind这几个方法一直理解的很模糊,今天总结一下. 例1 var name = '小王', age = 20; var obj = { name: '小张', objAge: this.name, func: function () { console.log(this.name + '年龄' + this.name); } } obj.objAge; // 17…

记录一下call.apply.bind的源码,然后从根本上明白其用法. 都知道call.apply与bind的用法,call(this,...arguments).apply(this,[arguments]).var fn = bind(this, ...arguments);fn(...newarguments); call和apply都是立即执行,只是传参数形式不一样,call参数一字排开,apply参数是数组,bind绑定之后返回一个新函数但是并不立即执行,需要额外调用的时候才执行,并且…

一.数组去重,直接写到Array原型链上. //该方法只能去除相同的数字 不会去判断24和'24'是不同的 所有数字和字符串数字是相同是重复的 Array.prototype.redup=function(){ var obj={}; for(var i=0;i<this.length;i++){ var val=this[i]; if(obj[val]==this[i]){ //如果发现重复的 this[i]=this[this.length-1]; //那就把最后一个赋值给当前的这个数组元素…

call和apply的使用和区别不再做阐述,可以参考我的另一篇随笔<JavaScript中call和apply方法的使用>(https://www.cnblogs.com/lcr-smg/p/10067398.html),这里只是针对bind的用法及与call和apply两者的区别. bind的用法 bind() 方法与 apply 和 call 很相似,也是可以改变函数体内 this 的指向. MDN的解释是:bind()方法会创建一个新函数,称为绑定函数,当调用这个绑定函数时,绑定函数会以…

JavaScript中apply.call.bind三者的用法及区别 引言 正文 一.apply.call.bind的共同用法 二. apply 三. call 四. bind 五.其他应用场景 六.总结 结束语 引言 这是我的第一篇前端面试题文章,也是用来帮助自己巩固复习知识, 在之后希望拿到自己满意的offer,这第一篇讲的就是一道常见的面试题,关于JavaScript中apply.call.bind三者的用法及区别. 正文 如果有不想看过程的小伙伴可以直接跳到 总结 一.apply.cal…

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…