【JS技巧】巧用 apply 给函数传递参数数组

最新推荐文章于 2023-09-18 13:48:40 发布
最新推荐文章于 2023-09-18 13:48:40 发布
阅读量1.7k 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/funche/article/details/105178406
版权

先看例子

prompt("请输入联系方式", "手机/邮箱/QQ");

 prompt 接受两个参数，一个是显示的提示文本，还有一个输入框的默认值。

但有的时候我们的参数是一个数组形式，为了简便高效，通常会用 apply 方法巧妙的给函数传递数组参数。

var content = "请输入联系方式,手机/QQ/邮箱";

prompt.apply(null, content.split(","));

如果仅仅是上面两个例子对比，你会觉得画蛇添足，但这里的思想是如何将数组以参数摊开的方式传递

skume
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用apply方法处理数组的三个技巧[译]
01-21
技巧1: 将一个数组传递给一个不接受数组作为参数的函数 JavaScript中没有返回一个数组中最大值的函数.但是,有一个函数Math.max可以返回任意多个数值类型的参数中的最大值.再配合apply,我们可以实现我们的目的: 代码...
JavaScript 参数中的数组展开 [译]
12-01
【JavaScript参数中的数组展开】是ECMAScript 6引入的一项特性，它允许我们将数组的元素作为单独的参数传递给函数，极大地增强了代码的灵活性。在旧版本的JavaScript中，我们通常依赖`Function.prototype.apply`来...
js:apply（）一、函数传参
sinat_35803474的博客
04-02 1911
题目描述 将数组 arr 中的元素作为调用函数 fn 的参数 输入例子:argsAsArray(function (greeting, name, punctuation) {return greeting + ‘, ’ + name + (punctuation || ‘!’);}, [‘Hello’, ‘Ellie’, ‘!’])输出例子:Hello, Ellie!函数调用 调用函数可以使
JS利用apply方法，将数组直接当做参数传给函数
github_38589282的博客
08-05 5445
利用apply()方法。 语法：apply([thisObj[,argArray]])  定义：应用某一对象的一个方法，用另一个对象替换当前对象。  说明：  如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。  比如求一个数组[1,2,3,4,5]的最大值可以写: let arr = [1,2,3,4,5];
apply的函数传参数
weixin_42226718的博客
10-12 892
1,方式一 直接指定参数 2.方式2:元组传入，从第二个参数开始
利用apply来进行参数传递和转换
weixin_34327223的博客
08-04 232
functiont(){ varfns=Array.prototype.concat.apply([],arguments); for(vari=0;i<fns.length;i++){ alert(fns[i]); } } t([1,2,3],[1,2],1,1); 转载于:https://www.cnbl...
js利用apply传参
java电商源码分享
09-27 227
//showResMenu函数中调用S_FileMenu类的init方法，但是不又不想写那么多参数，这时可以利用apply方法   showResMenu:function(fid,fname,ftype,fstate, fStyle){ S_FileMenu.init.apply(null, arguments); }...
JS中call和apply函数用法实例分析
12-01
在JavaScript中，`call` 和 `apply` 是两种非常重要的函数调用方式，它们都用于改变函数执行时的上下文（即 `this` 指向），并允许你在不同的对象上使用同一个函数，实现了对象间的继承。下面我们将深入探讨这两个...
用apply让javascript函数仅执行一次的代码
12-01
标题中的“用apply让javascript函数仅执行一次的代码”指的是在JavaScript编程中，如何创建一个函数，使得这个函数只能被调用一次。这种功能在某些场景下非常有用，例如初始化操作或者防止重复触发某一事件。 在...
js函数中传递数组
热门推荐
chuanyu的专栏
07-20 1万+
test.html 代码：      var arr=[1,23,34,5];    var strArr = arr.toString();    document.write(strArr);    document.write("|");    var getArr = strArr.split(",");    for(var i=0;i     document.
gradle 传递参数 android代码,android – Gradle：将参数传递给`apply from：`
weixin_42364833的博客
05-26 1566
我想将一些常见的样板gradle脚本代码放入共享的.gradle文件中.然后,我可以使用apply from：语句重用它.问题是是否可以将参数传递给应用脚本？例如,我想重复使用以下锅炉板：apply plugin: 'com.android.application'apply plugin: 'com.neenbedankt.android-apt'apply plugin: 'org.robol...
js,apply()方法创建数组
miantiao522的专栏
03-10 914
一般的声明数组：var arr=[1,2,3];用apply()方法：var arr = Array.apply(null, [1,2,3]);当然也可以用apply()来创建对象。以下是个加法运算例子：//传入任意数量参数，执行参数加法运算 function addNum() { var args; var sum=0; if(arguments.length == 1) { sum = arguments[0]; } else { args = Array
利用call与apply向函数传递参数
weixin_30752377的博客
04-23 263
Js中函数对象都有call与apply两个方法属性，二者使用方法和功能一样，只是传递参数的格式不同，call逐个传递单个参数，apply一次性传递一个参数数组。 这两个方法可以改变函数的调用对象，并且向函数中传递参数。如： function send(str,speak){ speak.call(this,str); //send(~)==window.speak(s...
call和apply传递参数的区别
m0_45276446的博客
08-25 837
【摘自JavaScript高级程序设计】 函数还有两个方法：apply()和call()。这两个方法都会以指定的this值来调用函数，即会设置调用函数时函数体内this对象的值。apply()方法接收两个参数：函数内this的值和一个参数数组。第二个参数可以是Array的实例，但也可以是arguments对象。来看下面的例子： function sum(num1, num2) { return num1 + num2; } function callSum1(num1, num2) { retu
js中使用apply（）实现数组中最值以及合并
weixin_38098192的博客
07-05 1483
1.求数组中的最大值，最小值   js中求一组数中最大值和最小值有Math.min(),Math.max()方法，   Math.min(),Math.max()的用法：Math.min(1,2,3,4,5,6) ;Math.max(1,2,3,4,5,6)    弊端：这两种方法的参数不可以为一个数组   即：var  arr=[1,2,3,4,5,6];Math.min(arr)和Math.m...
JS中的 call( )和apply( )方法
马小明啊的博客
11-12 529
JS中的 call( )和apply( )方法 简单来说它们的作用是一模一样，只是传参的形式有区别而已。apply第二个参数必须传入的是一个数组，而call 第二个参数可以是任意类型 apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A, arguments);即A对象应用B对象的方法。 call：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);即A对象调用B对象的方法。 call( ) 代码如下（示
利用apply来改变API的传参方式
Hello World
08-15 458
apply可以改变传递给函数参数的形式 MDN:apply() 方法调用一个具有给定this值的函数，以及作为一个数组（或类似数组对象）提供的参数。 注意：call()方法的作用和 apply() 方法类似，区别就是call()方法接受的是参数列表，而apply()方法接受的是一个参数数组。 MDN之apply的详解 妙用： 1、可以使用push将元素追加到数组中。因为push接受可变数量的参数，利用apply可以一次推送多个元素。 var arr= [1,2,3]; arr.push.apply(arr,
apply/call
yangxue123
09-22 174
1、call，apply都属于Function.prototype的一个方法，它是JavaScript引擎内在实现的，因为属于Function.prototype，所以每个Function对象实例(就是每个方法)都有call，apply属性。既然作为方法的属性，那它们的使用就当然是针对方法的了，这两个方法是容易混淆的，因为它们的作用一样，只是使用方式不同。 2、语法：foo.call(thi
js中的call和apply
最新发布
Wod_7的博客
09-18 287
apply和call都是函数对象的方法，用于改变函数的执行上下文并立即执行函数。它们的区别在于传递参数的方式不同。
JavaScript函数参数详解：arguments, caller, callee与apply
在这个例子中，apply改变了foo函数调用的参数传递方式，使得bar数组的元素按顺序作为参数传递给foo，同时this保持不变（在全局作用域中为null或undefined）。 此外，arguments对象还可以与apply方法结合使用，实现...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值