定义方式
函数声明：
function 函数名（形参列表）{
函数体；
Return;
}
函数名（）； // 调用执行
注意点:
1.一个函数可以有形参也可以没有形参
2.在JavaScript中是没有返回值类型的，如果你需要返回一个结果，那么直接使用return即可，如果你不需要返回，那么就不写return
3.函数没有通过return明确返回值, 默认返回undefined
4.return作用立即结束当前所在函数
5.调用函数时实参的个数和形参的个数可以不相同
6.JavaScript中的函数和数组一样, 都是引用数据类型(对象类型)
7.在JavaScript中的任意的函数内部都隐式的维护了一个arguments对象，调用函数的时候实参其实是先传递给了arguments对象，然后再arguments对象分配形参的。arguments对象本质上就是一个数组对象。
函数扩展运算符
- 扩展运算符在等号左边
注意点: 只能写在最后
let [a, ...b] = [1, 3, 5]; a = 1; b = [3, 5];
- 扩展运算符在等号右边
let arr1 = [1, 3, 5];
let arr2 = [2, 4, 6];
let arr = [...arr1, ...arr2]; let arr = [1, 3, 5, 2, 4, 6];
- 扩展运算符在函数形参列表中的作用
将传递给函数的所有实参打包到一个数组中
注意点: 和在等号左边一样, 也只能写在形参列表的最后
function getSum(a, ...values) {
console.log(a);
console.log(values);
}
let res = getSum(10, 20, 30);
function getSum(...values) {
// console.log(values);
let sum = 0;
for (let i = 0; i < values.length; i++){
let num = values[i];
sum += num;
}
return sum;
}
let res = getSum(10, 20, 30, 40);
console.log(res);
函数的形参默认值
function getSum(a, b) {
// 在ES6之前可以通过逻辑运算符来给形参指定默认值
// 格式: 条件A || 条件B
// 如果条件A成立, 那么就返回条件A
// 如果条件A不成立, 无论条件B是否成立, 都会返回条件B
a = a || "恭喜发财";
b = b || "财源滚滚";
console.log(a, b);
}
getSum(123, "abc");
// 从ES6开始, 可以直接在形参后面通过=指定默认值
// 注意点: ES6开始的默认值还可以从其它的函数中获取
// function getSum(a = "恭喜发财", b = "财源滚滚") {
function getSum(a = "恭喜发财", b = getDefault()) {
console.log(a, b);
}
getSum();
getSum(123, "abc");
function getDefault() {
return "财源滚滚";
}
函数作为参数和返回值
let say = function () {
console.log("hello world");
}
// say();
// let fn = say;
// fn();
// 将函数作为其他函数的参数
function test(fn) { // let fn = say;
fn();
}
test(say);
// 将函数作为其他函数的返回值
function test() {
// 注意点: 在其它编程语言中函数是不可以嵌套定义的,
// 但是在JavaScript中函数是可以嵌套定义的
let say = function () {
console.log("hello world");
}
return say;
}
let fn = test(); // let fn = say;
fn();
匿名函数(立即执行函数)
(function(){
代码块;
})();
作用:创建一个独立的作用域,外面访问不到 (避免里面的变量被污染)
箭头函数
是ES6新增的一种定义函数的格式,目的是为了简化代码
let 函数名 = (形参列表) => {
代码块;
}
注意点:
- 在箭头函数中如果只有一个形参, 那么()可以省略
- 在箭头函数中如果{}中只有一句代码, 那么{}也可以省略
let say = name => console.log("YOU JUMP " + name);
say("I JUMP");
递归函数
递归函数就是在函数中自己调用自己, 我们就称之为递归函数
递归函数在一定程度上可以实现循环的功能(但是每次调用递归函数都会开辟一块新的存储空间, 所以性能不是很好)
function login() {
// 1.接收用户输入的密码
let pwd = prompt("请输入密码");
// 2.判断密码是否正确
if(pwd !== "123456"){
login();
}
// 3.输出欢迎回来
alert("欢迎回来");
}
login();
预解析定义
浏览器在执行JS代码的时候会分成两部分操作：预解析以及逐行执行代码
也就是说浏览器不会直接执行代码, 而是加工处理之后再执行,
这个加工处理的过程, 我们就称之为预解析
预解析规则
1.将变量声明和函数声明提升到当前作用域最前面 2.将剩余代码按照书写顺序依次放到后面
注意点:
- 通过let定义的变量不会被提升(不会被预解析)
- 如果将函数赋值给一个var定义的变量, 那么函数不会被预解析, 只有变量会被预解析
var say = function() {
console.log("hello");
}
*/
/*
var say; //undefined
say();
say = function() {
console.log("hello");
