js apply 使用详解 - 腾讯云开发者社区

Js apply方法详解我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记...主要我是要解决一下几个问题: apply和call的区别在哪里什么情况下用apply,什么情况下用call apply的其他巧妙用法（一般在什么情况下可以使用apply）我首先从网上查到关于apply...apply:方法能劫持另外一个对象的方法，继承另外一个对象的属性....通常在什么情况下,可以使用apply类似Math.min等之类的特殊用法: 一般在目标函数只需要n个参数列表,而不接收一个数组的形式（[param1[,param2[,…[,paramN]]]]）,可以通过...apply的方式巧妙地解决这个问题!

1.4K6 0

js笔记——call,apply,bind使用笔记

call和apply obj.call(thisObj, arg1, arg2, ...); obj.apply(thisObj, [arg1, arg2, ...]); 两者作用一致，都是把obj(即...唯一区别是apply接受的是数组参数，call接受的是连续参数。...使用call绑定，这时候就可以调用slice方法。实现继承通过call和apply，我们可以实现对象继承。...bind的使用 obj.bind(thisObj, arg1, arg2, ...); 把obj绑定到thisObj，这时候thisObj具备了obj的属性和方法。...与call和apply不同的是，bind绑定后不会立即执行。

5762 0

您找到你想要的搜索结果了吗？

是的

没有找到

js call 和 apply

前言　　call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的，换句话说，就是为了改变函数体内部 this 的指向。　　...call 和 apply二者的作用完全一样，只是接受参数的方式不太一样。...方法定义　　apply 　　Function.apply(obj,args)方法能接收两个参数：　　　　obj：这个对象将代替Function类里this对象　　args：这个是数组或类数组，apply...call 　　call方法与apply方法的第一个参数是一样的，只不过第二个参数是一个参数列表　　在非严格模式下当我们第一个参数传递为null或undefined时，函数体内的this会指向默认的宿主对象...console.log(this.id);//test var fun = function(){ console.log(this.id); } fun();//window } 使用

1.3K2 0

区别和详解：js中call()和apply()的用法

1、关于call()和apply()的疑点： apply和call的区别在哪里什么情况下用apply,什么情况下用call apply的其他巧妙用法（一般在什么情况下可以使用apply） 2、语法和参数分析...,什么情况下用call 使用apply的情况：在给对象参数的情况下,如果参数的形式是数组的时候,比如apply示例里面传递了参数arguments,这个参数是数组类型。...使用call的情况：如果我的Person的参数列表是这样的(age,name),而Student的参数列表是(name,age,grade),这样就可以用call来实现了,也就是直接指定参数列表对应值的位置...add.call(sub,3,1); 分析：这个例子中的意思就是用 add 来替换 sub，add.call(sub,3,1) == add(3,1) ，所以运行结果为：alert(4); // 注意：js...这样 Class2 就继承Class1了，Class1.call(this) 的意思就是使用 Class1 对象代替this对象，那么 Class2 中不就有Class1 的所有属性和方法了吗，c2

6912 0

第195天：js---函数对象详解（call、apply）

方法，将原本属于Animal对象的showName()方法交给当前对象cat来使用了。...; 3、call使用场景---数组化将伪数组转换为数组： var domNodes = Array.prototype.slice.call(divs); 1 /*伪数组：只有数组的部分功能：length...的那个特点来解决 36 // var max=Math.max.apply(null,array),这样轻易的可以得到一个数组中最大的一项 37 // (apply会将一个数组装换为一个参数接一个参数的传递给方法...实现继承 1 // apply实现继承 2 // 学生类本来不具备任何方法， 3 // 但是在 Person.apply(this,arguments) 后， 4 // 他就具备了 Person...5 // 在 Print.apply(this,arguments) 后就自动得到了 show() 方法。

6703 0

JS 的 apply 方法

前言 apply() 的作用有两个: 1. 改变 this 指向 2....将数组入参变为一般入参刚开始看到 apply() 时，对它的用法非常模糊，而且不易理解，通过查找相关文章，才慢慢的明白它的妙用 2....(person1) console.log(res); // Bill Gates 如何理解 apply() 这段代码 ?...person.fullName() 调用 this.firstName 和 this.lastName 这两个属性，this 指向 person，但它没有这两个属性使用 apply() 方法可以改变...将数组入参变为一般入参以 Math.max() 举例源码下载站 // 正确用法 Math.max(1, 2, 3) // 错误用法 Math.max([1, 2, 3]) 使用 apply(

3.2K2 0

call，apply，bind详解

我们知道bind，call，apply的作用都是用来改变this指向的，那为什么要改变this指向呢？...apply方法 apply接受两个参数，第一个参数是this的指向，第二个参数是函数接受的参数，以数组的形式传入，且当第一个参数为null、undefined的时候，默认指向window(在浏览器中)，...使用apply方法改变this指向后原函数会立即执行，且此方法只是临时改变thi指向一次。...三者都可以传参，但是apply是数组，而call是参数列表，且apply和call是一次性传入参数，而bind可以分为多次传入。...bind 是返回绑定this之后的函数，便于稍后调用；apply 、call 则是立即执行。

8621 0

JS 手写： call、apply、bind

使用 apply，可以只写一次这个方法然后在另一个对象中继承它，而不用在新对象中重复写该方法。 apply 与 call() 非常相似，不同之处在于提供参数的方式。...apply 使用参数数组而不是一组参数列表。...apply 可以使用数组字面量（array literal），如 fun.apply(this, ['eat', 'bananas'])，或数组对象，如 fun.apply(this, new Array...这样，在使用 apply 函数的时候就不需要知道被调用对象的所有参数。可以使用 arguments 来把所有的参数传递给被调用对象。被调用对象接下来就负责处理这些参数。...(array, elements); console.log(array); // ['a', 'b', 0, 1, 2] # 使用 apply 和内置函数对于一些需要写循环以遍历数组各项的需求，

1.6K3 0

pandas apply 应用套路详解

在 DataFrame 中应用 apply 函数很常见，你使用的多吗？...基本语法： DataFrame.apply(func, axis=0, raw=False, result_type=None, args=(), **kwds) 基本参数 func : function...(np.sqrt) A B 0 2.0 3.0 1 2.0 3.0 2 2.0 3.0 在任一轴上使用还原函数： >>> df.apply(np.sum, axis=0)...['B'].apply(fx) 0 34 1 34 2 34 Name: B, dtype: int64 某列应用函数并新增列 >>> df['new'] = df['B'].apply...(fx) >>> df A B new 0 4 9 34 1 4 9 34 2 4 9 34 使用列表推导式应用自定义函数 >>> df['new2'] = [x * 3

8462 0

JS 的 call apply bind 方法

js的call apply bind 方法都很常见，目的都是为了改变某个方法的执行环境（context） call call([thisObj[,arg1[, arg2[, [,.argN]]]]]...apply([thisObj[,arg1, arg2, argN]]) apply和call类似，区别只是第二个参数，是一个数组（或类数组）的形式 bind bind(thisArg [, arg1...如 func.call(func1,var1,var2,var3) 对应的apply写法为：func.apply(func1,[var1,var2,var3]) 对应的bind写法为： func.bind..._apply = this; evalStr = 'context...._apply; } }; apply的模拟： apply也类似，因为第二个参数是类数组的形式，所以也要变换为数组 // 第二个参数 args是为了方便使用 Function.prototype.Apply

1.6K3 0

js中call与apply用法

前天去面试，有个gg问了一些js知识，其中有一道call与apply用法的题目，尽管在365天前用过call方法，但当时还是没能答上来，今天深入总结一下 call和apply，它们的作用都是将函数绑定到另外一个对象上去运行...两者的格式和参数定义： call( thisArg [，arg1，arg2，… ] ); // 参数列表，arg1，arg2，... apply(thisArg [，argArray]...doctype html> call-apply <input type="text" id...因此this.value为this.a，即func 6、函数func2调用call方法，第二个参数属于函数对象func2的参数，因此alert(x)为第二个参数func2 二、call 继承用法与改进 js...使用call模拟继承测试代码： <!

2.8K1 0

js学习之call和apply

贪玩蓝月真好玩，但学习还是要继续的我们平时调用一个js函数是这样的 var ruben = { say: function (word) { if (this.name ==...ruben.say.call(Achao, "村头恶霸华农、刑部尚书手工耿、木瓜大盗莫叔、非洲人犯朱一旦") console.log(whatAchaoSaid); 输出结果这就是call函数的使用方式和场景了...那么还有一个apply呢？...和call不同，它调用方法给的参数需要是一个数组 var Hegel = { name: "黑格尔" } var whatHegelSaid = ruben.say.apply(Hegel, [

9132 0

js中的call和apply

一、call和apply简介 call() 和 apply() 是预定义的函数方法。两个方法可用于调用函数，两个方法的第一个参数必须是对象本身。两个方法都使用了对象本身作为第一个参数。...在 JavaScript 非严格模式(non-strict mode)下, 如果第一个参数的值是 null 或 undefined, 它将使用全局对象替代。...二、call和apply的相同点和不同点 1. 区别 call传递的参数是序列1，2，3，4 apply传递的参数是集合型[1，2，3，4] 2....方法1：使用call var obj={ name:"张三", age:20 }; function method(a,b,c){...console.log(this,a,b,c);//{name: "张三", age: 20} 1 2 3 } method.call(obj,1,2,3); 方法2：使用apply

1.7K3 0

js Date 使用详解

js Date 使用详解 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份...var mytime=myDate.toLocaleTimeString(); //获取当前时间 myDate.toLocaleString( ); //获取日期与时间京东商城里面的到计时用的就是js...getYear() 请使用 getFullYear() 方法代替。 getHours() 返回 Date 对象的小时 (0 ~ 23)。...setYear() 请使用 setFullYear() 方法代替。 setHours() 设置 Date 对象中的小时 (0 ~ 23)。...toGMTString() 请使用 toUTCString() 方法代替。 toUTCString() 根据世界时，把 Date 对象转换为字符串。

8.3K2 0

js中call和apply的区别

"span").innerHTML = "(点击折叠)"+name1+","+name2; } } call可以按照顺序传递showHide.call(this, '桐人', '亚丝娜') apply...则是将参数放到一个数组, 统一传递showHide.apply(this, ['上条', '御坂']) 用call和apply实现相同的折叠的Demo ?...他只有右手能够使用这种能力，还给自己的这种连上帝的奇迹都能抹杀的能力取名为“幻想杀手”。而正因为他的右手似乎把神的祝福都给抹杀掉的缘故，导致自己一直过著不幸的生活。...掌握了十万三千本究极魔法书的少女与拥有抹杀一切奇迹的神上之手的少年，将面临一系列故事…… 小结: 使用...call和apply调用函数时, 往往需要传递一个this, 目的是确定被调用函数showHide运行时函数内部this的指向, 以上面的demo为例, 如果调用函数showHide时, 第一个参数没有传递

1.8K3 0

划重点：js中的this、call、apply

在js中this有4种指向，分别为：作为对象的方法调用作为普通函数调用构造器调用 Function.prototype.call或Function.prototype.apply调用 1、当作为对象的方法调用时...方法赋值给新的变量func2时，func2就是一个全局作用域中的普通函数，而非obj对象中的方法，已经与getName方法是两个完全独立的方法，拥有完全不同的作用域上下文*/ 3、在构造器中调用this 先要理解js...当使用apply或call时，如果传入的第一个参数是null，则函数体内的this会指向默认的宿主对象，在浏览器中就是window，但在严格模式下,函数体内的this还是为null: 1var func...//严格模式下this依然指向null 10 console.log(this === null) //true 11} 12 13func.apply(null) 所以有时如果使用...延伸应用：理解了this、call、apply后，在实际js开发中，可以很方便的实现对象的继承继承demo1： 1var Parent = function(){ 2 this.name

9872 0

解析js中的call、apply、bind

call和apply 1.....); obj.apply(thisObj, [arg1, arg2, ...]); call和apply作用相同，都是把obj(即this)绑定到thisObj，这时候thisObj具备了obj的属性和方法...唯一区别是apply接受的是数组参数，call接受的是连续参数。...使用call绑定，这时候就可以调用slice方法。 3....与call和apply不同的是，bind绑定后不会立即执行。

1.9K2 0

js call()、apply()、bind()用法和区别

Window return num1 + num2; } const obj = {}; getSum.call(obj, 2, 3); // this指向: obj return: 5 2. apply...() 语法： fun.apply(thisArg,[arg1,arg2,…]) fun: 表示一个函数 thisArg: this要指向的对象，如果是null 和 undefined，则指向window...特性： fun.apply(thisArg,[arg1,arg2,…]) 会立即调用fun函数； apply方法将一个函数的对象上下文从初始的上下文改变为由 thisArg 指定的新对象，如果没有提供...() apply 常用于与数组有关的操作，因为传递的参数是数组。...获取数组中的最大值与最小值： const arr = [1, 4, 7, -1]; Math.max.apply(Math, arr); // 7 Math.min.apply(Math, arr);

1.1K3 0

JS中call apply bind的用法

并且会返回一个修改之后的新函数给我们注意点: bind方法除了可以修改this以外, 还可以传递参数, 只不过参数必须写在this对象的后面 */ //call apply...修改函数或者方法中的this为指定的对象, 并且会立即调用修改之后的函数注意点: call方法除了可以修改this以外, 还可以传递参数, */ /*apply...:修改函数或者方法中的this为指定的对象, 并且会立即调用修改之后的函数注意点: apply方法除了可以修改this以外, 还可以传递参数, 只不过参数必须通过数组的方式传递...window.test(); let fn=test.bind(obj,10,20); fn(); test.call(obj,10,20); test.apply...p.say(); let fn=p.say.bind(obj); fn(); p.say.call(obj); p.say.apply

2.9K3 0

js中call、apply、bind那些事

前言回想起之前的一些面试，几乎每次都会问到一个js中关于call、apply、bind的问题，比如… 怎么利用call、apply来求一个数组中最大或者最小值如何利用call、apply来做继承 apply...有了这个认识，接下来我们来看一下,怎么使用这三个函数。...;fn.apply(obj, [arg1, arg2, arg3...]); 应用知道了怎么使用和他们之间的区别，接下来我们来了解一下通过call、apply、bind的常见应用场景。...,-8,687); 将伪数组转化为数组 js中的伪数组(例如通过document.getElementsByTagName获取的元素)具有length属性，并且可以通过0、1、2…下标来访问其中的元素...我们可以利用call、apply来将其转化为真正的数组这样便可以方便地使用数组方法了。

1.7K5 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

Js apply() call()使用详解

js笔记——call,apply,bind使用笔记

js call 和 apply

区别和详解：js中call()和apply()的用法

第195天：js---函数对象详解（call、apply）

JS 的 apply 方法

call，apply，bind详解

JS 手写： call、apply、bind

pandas apply 应用套路详解

JS 的 call apply bind 方法

js中call与apply用法

js学习之call和apply

js中的call和apply

js Date 使用详解

js中call和apply的区别

划重点：js中的this、call、apply

解析js中的call、apply、bind

js call()、apply()、bind()用法和区别

JS中call apply bind的用法

js中call、apply、bind那些事

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐