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

Posted 渡劫的机器猫

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript--函数的声明及调用/JS中代码执行顺序相关的知识,希望对你有一定的参考价值。

[函数的声明及调用]
 
 
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中代码执行顺序的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript要点汇总——The Most Important

javascript函数及作用域的小结

JS中的函数BomDOM及JS事件

原型模式故事链--JS执行上下文变量提升函数声明

Javascript中代码的执行顺序是啥?

javascript 函数声明和函数表达式