这篇文章将为大家详细讲解有关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中如何调用函数”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。