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

PHP中文网 • 2025年3月7日 21:03:02 • 编程技术 • 阅读 2

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

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

函数的三种实现方式

命名函数

function show(name){document.write(name+"  hellow")}show('laoli');

登录后复制

匿名函数（推荐）

var f=function(name){document.write('name+"  hellow")}f('laoli');

登录后复制

使用function类构造匿名函数

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

立即学习“Java免费学习笔记（深入）”；

注：

Function中f大写参数列表和函数执行体要加引号以分号结束

var f = new Function('name', 'alert(name+"你好");');f('laoli');

登录后复制

列：命名函数的使用

function show(){document.write('我是命名函数')}var f=show();f();//函数调用

登录后复制

函数中变量与函数访问

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

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

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

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

登录后复制

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

函数调用三种方式

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

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

列：实现三种调用

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

登录后复制

列：数组中函数调用

//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] + '
')}});

登录后复制

结果：