您的位置是:网站首页>Javascript编程Javascript编程

javascript中调用函数的方法有哪些

少儿编程网2021-06-25 13:34:17Javascript编程 人已围观 来源:少儿编程 -用户投稿

简介javascript中调用函数的方法:1、使用“对象.函数名()”语句调用;2、使用“函数名().call(调用者,参数1,参数2,.....);”语句调用;3、使用“函数名().apply(调用者,参数数组);”语句调用。本教程操作环境:windows7系统、javascript1.8.5版、De

javascript中调用函数的方法:1、使用“对象.函数名()”语句调用;2、使用“函数名().call(调用者,参数1 ,参数2 , .....);”语句调用;3、使用“函数名().apply(调用者,参数数组);”语句调用。FOE少儿编程网-https://www.pxcodes.com

FOE少儿编程网-https://www.pxcodes.com

<link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_views-b5506197d8.css"/>

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。FOE少儿编程网-https://www.pxcodes.com

函数的三种实现方式

命名函数FOE少儿编程网-https://www.pxcodes.com

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

匿名函数(推荐)FOE少儿编程网-https://www.pxcodes.com

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

使用function类构造匿名函数FOE少儿编程网-https://www.pxcodes.com

格式:new Function(('参数列表'),('参数列表'),(‘函数执行体’));FOE少儿编程网-https://www.pxcodes.com

注:FOE少儿编程网-https://www.pxcodes.com

  • Function中f大写
  • 参数列表和函数执行体要加引号
  • 以分号结束
		<script type="text/javascript">
			var f = new Function('name', 'alert(name+"你好");');
			f('laoli');
		</script>

列:命名函数的使用FOE少儿编程网-https://www.pxcodes.com

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

函数中变量与函数访问

函数中全局变量可以直接访问FOE少儿编程网-https://www.pxcodes.com

函数中的函数需要先调用才可以访问FOE少儿编程网-https://www.pxcodes.com

列:实现函数内的函数调用(局部函数的调用)FOE少儿编程网-https://www.pxcodes.com

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

结果:laoli真可爱他不是女人
FOE少儿编程网-https://www.pxcodes.com

函数调用三种方式

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

注:当声明一个函数是默认分配给window对象FOE少儿编程网-https://www.pxcodes.com

列:实现三种调用FOE少儿编程网-https://www.pxcodes.com

		<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>

列:数组中函数调用FOE少儿编程网-https://www.pxcodes.com

		<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>

结果:FOE少儿编程网-https://www.pxcodes.com

FOE少儿编程网-https://www.pxcodes.com

【相关推荐:javascript学习教程

以上就是javascript中调用函数的方法有哪些的详细内容,更多请关注少儿编程网其它相关文章!FOE少儿编程网-https://www.pxcodes.com

来源:php中文网FOE少儿编程网-https://www.pxcodes.com


相关文章:

支持一下 ( )

javascript中调用函数的方法有哪些

      匿名评论
    • 评论
    人参与,条评论
    javascript中调用函数的方法有哪些

微信公众号

免费视频教程

先知道