一、函数初级
1、函数的定义
- ES5
function 函数名 (参数列表) {
函数体;
}
var 函数名 = function (参数列表) {
函数体;
}
- ES6(了解)
let 函数名 = (参数列表) => {
函数体;
}
- 匿名函数
function (参数列表) {
函数体;
}
//匿名函数需要自调用
(function (参数列表) {
函数体;
})(参数列表);
2、函数的调用
- 函数名(参数列表)
3、函数的参数
总结 :
参数个数不需要统一
返回值只能有一个值
① 实参个数多了 , 剩下的为undefined
② 实参个数多了 , 剩下的舍弃
- 个数不需要统一
function fn (a, b, c) {
console.log(a, b, c) // 100 undefined undefined
}
fn(100)
function fn (a) {
console.log(a) // 100
}
fn(100, 200, 300) // 200,300被丢弃
- 可以任意位置具有默认值
function fn (a, b=20, c, d=40) {
console.log(a, b, c, d) // 100 200 300 40
}
fn(100, 200, 300)
- 通过...语法接收多个值
function fn (a, ...b) {
console.log(a, b) // 100 [200 300]
}
fn(100, 200, 300)
// ...变量必须出现在参数列表最后
4、返回值
function fn () {
return 返回值;
}
// 1.可以空return操作，用来结束函数
// 2.返回值可以为任意js类型数据
// 3.函数最多只能拥有一个返回值
五、事件初级
- onload：页面加载完毕事件，只附属于window对象
- onclick：鼠标点击时间
- onmouseover：鼠标悬浮事件
- onmouseout：鼠标移开事件
