javascript中如何调用函数

这篇文章将为大家详细讲解有关javascript中如何调用函数，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

创新互联建站是一家专业提供沁水企业网站建设,专注与成都网站设计、做网站、成都外贸网站建设公司、H5场景定制、小程序制作等业务。10年已为沁水众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。

javascript中调用函数的方法：1、使用“对象.函数名()”语句调用；2、使用“函数名().call(调用者,参数1 ,参数2 , .....);”语句调用；3、使用“函数名().apply(调用者,参数数组);”语句调用。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

函数的三种实现方式

命名函数

		<script type="text/javascript">
		function show(name){
			document.write(name+"  hellow")
		}
		show('laoli');
		</script>

匿名函数（推荐）

		<script type="text/javascript">
			
		var f=function(name){
			document.write('name+"  hellow")
		}
		f('laoli');
		</script>

使用function类构造匿名函数

格式：new Function（（'参数列表'），（'参数列表'），（‘函数执行体’））；

注：

• Function中f大写

• 参数列表和函数执行体要加引号

• 以分号结束

		<script type="text/javascript">
			var f = new Function('name', 'alert(name+"你好");');
			f('laoli');
		</script>

列：命名函数的使用

		<script type="text/javascript">
			function show(){
				document.write('我是命名函数')
			}
			var f=show();
			f();//函数调用
		</script>

函数中变量与函数访问

函数中全局变量可以直接访问

函数中的函数需要先调用才可以访问

列：实现函数内的函数调用（局部函数的调用）

		<script type="text/javascript">
		var num='laoli';
		var f=function(num){
			document.write(num+'真可爱');
			
			function show(){
				document.write('他不是女人')
			}
			show();//调用show(）函数
		}
		//执行函数
		f(num);
		</script>

结果：laoli真可爱他不是女人

函数调用三种方式

• 对象.函数应用

• call方法调用函数 函数应用.( 调用者,参数1 ,参数2 , .....)

• apply方法调用函数  apply(调用者,参数数组)

注：当声明一个函数是默认分配给window对象

列：实现三种调用

		<script type="text/javascript">
			//创建命名函数
			function show(name, age) {
				document.write(name + '是男人，他' + age + '岁');
			}
			//对象.函数应用
			window.show('小明', '30'); 
			//all方法调用函数 函数应用.( 调用者,参数1 ,参数2 , .....)
			show.call(window, '小明', '30');
			//apply方法调用函数  apply(调用者,参数数组)
			show.apply(window, ['小明', '30']);
		</script>

列：数组中函数调用

		<script type="text/javascript">
			//show传入两个参数 1个数组 1个函数
			function show(arr, func) {
				//func.call(window, arr);
				func.apply(window, [arr])
			}
			show([1, 2, 3, 4], function(arr) {
				for (i in arr) {
					document.write(arr[i] + '<br/>')
				}
			});
		</script>

结果：

关于“javascript中如何调用函数”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

当前名称：javascript中如何调用函数
网页地址：https://www.cdcxhl.com/article40/poddho.html

成都网站建设公司_创新互联，为您提供做网站、建站公司、网站排名、营销型网站建设、微信公众号、面包屑导航

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联