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

Posted 2020-09-09 渡劫的机器猫

[函数的声明及调用]

 

 

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(){})(); //使用()只包裹匿名函数表达式

 

>>>>>三种写法特点：

① 结构清晰，开头加！，结尾加().不容易乱，推荐使用；

② 可以表明匿名函数与之后的()为一个整体，推荐使用；

③ 无法表明函数与之后()为一个整体，不推荐使用。