这篇文章将为大家详细讲解有关javascript中如何调用函数,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
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中如何调用函数”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。