首页 > 代码库 > javascript--函数的声明及调用/JS中代码执行顺序

javascript--函数的声明及调用/JS中代码执行顺序

2024-09-13 15:32:39   215人阅读

[函数的声明及调用]
 
 
1、函数声明格式：
function 函数名（参数1，参数2，参数3……）{
//函数体
return 结果；
}
函数调用的格式：
函数名(参数1的值，参数2的值，……)；
事件调用：事件名=函数名()；
 
 
2、函数声明的几点强调：
① 函数的声明，必须符合小驼峰法则(首字母小写，之后每个单词首字母大写)；
 
② 参数的列表，可以有参数，可以无参数。分别称为有参函数，无参函数；
 
③ 声明函数时的参数列表，称为“形参列表”(变量的名)；
      调用函数时的参数列表，称为“参数列表”(变量的值)；
      函数中，实际有效的参数取决于实参的赋值，未被赋值的形参，将为Undefined；
 
④ 函数如果需要返回值，可用return返回结果。
  调用函数时，使用var 变量值=函数名();的方式，接收返回结果；
如果函数没有返回值，则接收的结果为Undefined。
 
⑤ 函数 中变量的作用域：
      在函数中，使用var声明的变量，默认为函数局部变量，只在函数内容能用；
    不适用var声明的变量，默认为全局变量
    （函数中的全局变量，必须在函数调用后，才能使用）
函数的形参列表，为函数局部变量，只在函数内部能用
 
⑥ 函数声明与函数调用，没有前后之分。
 
 
 
 
[JS中代码执行顺序]
 
 
JS中代码运行，会先进行检查、装载，即声明变量、函数等操作；
然后在进入执行阶段，（变量的赋值等属于执行阶段）。
 
所以，函数的声明属于检查装载阶段，函数的调用属于执行阶段。so，函数调用语句写在哈数声明语句之前，并没有任何关系。
 
所以，上述代码，执行流入
-------检查装载阶段-------
var num；   //声明变量
function func（）    // 声明函数
-------检查装载阶段-------
console.log(num) ；
num = 10 ；
funcN（）； //执行函数的{}中的代码
 
 
 
 
 
【匿名函数的声明及调用】
 
1、声明一个匿名函数，直接赋给某个事件；
window.onload=function(){}
 
2、使用函数表达式，声明匿名函数；
声明函数表达式：var func = function(){}
调用函数表达式：func()
>>> 使用匿名函数表达式，则调用语句，必须在声明语句之后，否则报错(对比常规函数声明与调用区别!)
 
 
3、使用自执行函数，声明并直接调用匿名函数；
!function(){}(); //使用任意运算符开头，一般使用！
(function(){}()); //使用()将匿名函数及之后的括号包裹
(function(){})(); //使用()只包裹匿名函数表达式
 
>>>>>三种写法特点：
① 结构清晰，开头加！，结尾加().不容易乱，推荐使用；
② 可以表明匿名函数与之后的()为一个整体，推荐使用；
③ 无法表明函数与之后()为一个整体，不推荐使用。
 
 
 

javascript--函数的声明及调用/JS中代码执行顺序


联系
我们