arguments 和 apply

最新推荐文章于 2021-11-08 18:13:31 发布
最新推荐文章于 2021-11-08 18:13:31 发布
阅读量110 收藏
点赞数
文章标签： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/java_mail_test/article/details/83693878
版权 
<html>
	<head>
		
	</head>
	
	<body>
		<form name="myform">
			<div id="templete"><input type="text" value=""/></div>
			<input type="submit" value="append" id="append"/>
			<input type="button" value="calc" id="calc"/>
		</form>
		<script>
			function sum() {
				var s = 0 ;
				for(var i = 0 ; i < arguments.length ; i++) {
					s += arguments[i];
				}
				return s;
			}
			function $(id) {
				return document.getElementById(id);
			}
			document.myform.onsubmit = function() {
				var t = $('templete').cloneNode(true);
				t.id = ''
				t.firstChild.value = '';
				this.insertBefore(t , $('append'));
				var inputs = this.getElementsByTagName('INPUT');
				for(var i = 0 ; i < inputs.length ; i++) {
					if(inputs[i].type == 'text' && inputs[i].value == '') {
						inputs[i].focus();
						break;
					}
				}
				return false;
			};
			$('calc').onclick = function() {
				var arr = [];
				var inputs = document.myform.getElementsByTagName('INPUT');
				for(var i = 0 ; i < inputs.length ; i++) {
					if(inputs[i].type == 'text') {
						var num = isNaN(Number(inputs[i].value)) ? 0 : Number(inputs[i].value) ;
						arr.push(num);
					}
				}
				var s = sum.apply(null , arr);
				alert(s);
			};
		</script>
	</body>
</html>

 

java_mail_test
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript利用apply和arguments复用方法
10-26
JavaScript中的`apply`和`arguments`对象是两个非常重要的特性，它们在函数复用和处理动态参数时起着关键作用。本文将详细讲解这两个概念及其在复用方法中的应用。 `apply`是JavaScript中Function对象的一个方法，...
JavaScript基础(17)_Function方法(call、apply)、arguments
最新发布
no15870678621的博客
01-20 2272
js：Function方法(call、apply)、arguments
十四，函数的call(),apply()方法，arguments参数列表
qq_33345511的博客
02-06 1127
一，函数call()和apply()方法 1.这两个方法都是函数对象的方法， 需要通过函数对象来调用 2.当对函数调用这两个方法时都会调用函数执行 3.调用call和apply可以将一个对象指定为第一个参数，此时这个对象将会成为函数执行时的this call()和apply()中传入的参数是谁this就是谁 call()和apply()二者的区别： call()方法...
JavaScript在方法中使用apply(this,arguments)
liulanba的博客
01-22 8797
首先了解一下arguments: arguments 对象是JavaScript 函数内置的对象 ，包含了函数调用的参数数组。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>入门JavaScript this</title> </head> <h2>JavaScript <b>this</b> arguments&
JS手写代码：apply、call、bind，认识arguments，箭头函数中没有arguments，纯函数，slice纯函数，splice不是纯函数
米儿的博客
11-08 873
一、call函数实现 // 给所有的函数添加一个hycall的方法 Function.prototype.hycall = function(thisArg, ...args) { // 在这里可以去执行调用的那个函数(foo) // 问题: 得可以获取到是哪一个函数执行了hycall // 1.获取需要被执行的函数 var fn = this // 2.对thisArg转成对象类型(防止它传入的是非对象类型) thisArg = (thisArg !== null &
补充知识 arguments、apply
weixin_43254676的博客
10-16 282
上一篇博客写到防抖和节流的简单分析和操作，在经典代码中有一些自己之前没有涉及过的知识点，此篇博客特来补充学习一下。 一、arguments 一、简介 了解arguments这个对象之前先来认识一下javascript的一些功能： **其实Javascript并没有重载函数的功能，但是Arguments对象能够模拟重载。**Javascrip中每个函数都会有一个Arguments对象实例argum...
浅谈javascript中的Function和Arguments
10-21
JavaScript中的`Function`和`Arguments`是两个非常重要的概念，它们在函数的使用和操作中起着关键作用。 首先，`Function`在JavaScript中是一种内置的对象类型，它允许我们定义和执行可重用的代码块，即函数。函数...
玩转方法:call和apply
09-04
Introduce.apply(this, arguments); }; } ``` 这样，即使`Boy`和`Girl`类的构造函数不同，它们依然可以共享`Introduce`方法，提高了代码的复用性。 2. **跨域调用**：在某些情况下，`call`和`apply`可以帮助我们...
JS中call/apply、arguments、undefined/null方法详解
10-22
总结，`call`和`apply`提供了改变函数执行上下文的能力，而`arguments`对象则允许我们方便地访问函数调用时的所有参数，这些都是JavaScript灵活性和动态性的体现。在实际开发中，掌握这些知识点对于编写高效和灵活的...
call()和apply()以及arguments用法
407指导员
10-10 342
call()和apply()方法 /** * 以下三种形式都可以调用fun函数 * 区别： * 在调用call()和apply()时，可以将一个对象指定为第一个参数 * 在javascript严格模式中，在调用函数时，第一个值均成为this值， * 在JavaScript非严格模式中，如果第一个参数值是null或undefined,他会使用全局变量代替 * 因此，这两个方法可以用来修改this值 */ function fun() { console.log(this.name); }
解析 this.initialize.apply(this, arguments)
03-27
NULL 博文链接：https://fkshl.iteye.com/blog/1178391
关于javascript中直接传入arguments和用apply传入arguments
lgyt240054的博客
11-18 538
场景： var mut = function(){ console.log(arguments) } // 第一种情况 var factory = function(fn){ return function(){ return fn(arguments) } } // 第二种情况 var factory = function(fn){ return function(){ return fn.apply(this, arguments)
arguments、apply、call、bind(vue源码四)
CSDNchaxundaima的博客
05-18 342
arguments arguments类数组对对象，代表传入函数传入函数参数的列表。 两种情况严格模式和非严格模式 严格模式下arguments展示如下： function a(a){ "user strict" a=10 console.log(a,arguments[0]) } a(1) //输出结果为10，1 非严格模式下arguments展示如下： function a(a){ a=10 console.log(a,arg
Js apply()使用详解
热门推荐
农村的我的专栏
09-20 10万+
Js apply方法详解 我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同提高.. 主要我是要解决一下几个问题: 1.apply和call的区别在哪里
JS 函数中的arguments,call,apply
交换一个思想，能得到俩思想
10-20 3577
JS 函数定义的时候的参数和调用时的关系,call,apply，arguments的简单例子
Array.apply(arr,arguments) 的理解
u013182438的博客
04-15 6321
var iAmArray = function(){ return arguments; };这里不用管this，下面是正常调用它的三种方式：//方便你复制到 Console 中测试，在此再写一遍 var iAmArray = function(){ return arguments; }; //普通写法 iAmArray(1,2,3); /* [1, 2, 3] */ ...
JS中的apply和arguments小练习
Json的知识梦工厂
06-16 656
apply和arguments    Function.apply(obj,args)方法能接收两个参数    obj：这个对象将代替Function类里this对象    args：这个是数组，它将作为参数传给Function（argsarguments) --> 可能都得费一会功夫,借助apply的这点特性,所以就有了以下高效率的方法 -->       v
js中arguments,caller,callee,apply的用法小结.docx
01-21
总结起来，arguments对象、caller、callee和apply都是JavaScript中强大的工具，它们提供了对函数调用和参数处理的深入控制，对于编写灵活和可维护的代码至关重要。了解并熟练掌握这些特性，能够帮助开发者更好地理解...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值