函数的声明及调用

Posted 2020-10-11 喝了雪碧我透心凉

【函数的声明及调用】
1、函数的声明格式：
function 函数名(参数1，参数2，……){
//函数体代码
return 返回值；
}
函数的分类：有参函数 无参函数
函数的调用：
①直接调用：函数名(参数1的值，参数2的值，……)； show()
②事件调用：在html标签中，使用事件名="函数名()"
eg:<button ondblclick="sayHello(‘哈哈哈‘,‘yellow‘)">点击按钮，打印内容</button>

2、函数的注意事项：
①函数名必须要符合小驼峰法则，首字母小写，之后每个单词首字母大写；
②函数名后面的括号中，可以有参数，也可以没有函数。分别称为有参函数和无参函数；
③声明函数时的参数列表，称为形参列表，形式参数。(变量的名字)
eg：function sayHello (str,color){}
调用函数时的参数列表，称为实参列表，实际参数。(变量的赋值)
eg：sayHello("老张老张","red");
④函数的形参列表个数，与实参列表个数，没有实际关联关系。
函数参数的个数，取决于实参列表。
如果参数列表的个数小于形参列表，则未赋值的形参，将为Undefined。
⑤函数可以有返回值，使用return返回结果；
调用函数时，可以使用一个变量接受函数的返回结果。如果函数没有返回值，则结果为Undefined。
eg: function func () {
return "haha"
}
var num = func(); //num=haha
⑥函数中变量的作用域:(只在函数内部能用)
在函数中,使用var声明的变量,为局部变量,只能在函数内部访问;
不使用var声明的变量,为全局变量,在函数外面也能访问;
函数的形参列表,默认为函数的局部变量,只能在函数内部使用;
⑦函数的声明与函数的调用，没有先后之分。即：可以在声明函数前，调用函数。
func();//声明func之前调用也是可以的。
function func(){};

 

 

【匿名函数的声明使用】
1、声明一个匿名函数直接赋值给某一个事件
window.onload = function(){}
2、使用匿名函数表达式。将匿名函数赋值给一个变量。
声明：var func = function(){}
调用：func();

注意：使用匿名函数表达式时，函数的调用语句，必须放在函数声明语句之后！！！！（与普通函数的区别）
3、自执行函数：
①!function(){}();//可以使用多种运算开头，但一般用！
!function(形参列表){}(实参列表)；
② (function(){}());//使用()将函数及函数后的括号包裹。
③ (function(){})();//使用()值包裹函数部分。
三种写法的特点：
①使用！开头，结构清晰，不容易混乱，推荐使用；
②能够表明匿名函数与调用的()为一个整体，官方推荐使用。
③无法表明函数与之后的()的整体性，不推荐使用。