章节5.javascript函数

# 1、函数声明

回顾之前学习提到函数的地方：章节2.javascript基础_总结 typeof操作符及初始化变量声明

函数使用 function 关键字来声明，后跟一组参数以及函数体。

# ① 没有参数的函数

function text() { //函数的声明已完成， 并且函数没有参数，因为()为空
   //函数本身没有运行功能，必须调用才可以运行
   alert('只有调用我，我才会弹出');
}
text(); //直接调用函数

//现在es6的语法，这么写
const text = ()=>{
    alert('只有调用我，我才会弹出');
}
text(); //直接调用函数
//注：关于两种写法的区别，在讲完作用域之后，在统一总结

注意：函数调用执行的时候，前后都可以，前提是必须先有函数，再谈调用

text(); //直接调用函数
function text() { //函数的声明已完成， 并且函数没有参数，因为()为空
   //函数本身没有运行功能，必须调用才可以运行
   alert('只有调用我，我才会弹出');
}

# ② 带参数的函数

/*
* name 名字
* bar  胸围
* weight  体重
* height  身高
*/
function text(name,bar,weight,height) {
    alert(name + ',胸围：'+bar+',体重：'+weight+',升高：'+height);//字符串连接符
    // es6新语法，魔法字符串
    alert(`${name},胸围：${bar},体重：${weight},升高：${height}`);
}
text();// 'undefined,胸围：undefined,体重：undefined,升高：undefined'
//说明传参的变量不存在，需要传参，根据上面设定的变量传参
text('迪丽热巴','85cm','52kg','172cm');// '迪丽热巴,胸围：85cm,体重：52kg,升高：172cm'

提到的几个符号怎么在键盘上敲出来：

魔法字符串 `` 怎么敲出来
$ 怎么敲出来

# 2、函数 return 返回值

我们上面的例子，带参和不带参的函数，都没有定义返回值，而是调用后直接执行的。实际上，任何函数都可以通过 return 语句跟后面的要返回的值来实现返回值。

# ① return返回值

/*
* name 名字
* bar  胸围
* weight  体重
* height  身高
*/
function text(name,bar,weight,height) {
    return name + ',胸围：'+bar+',体重：'+weight+',升高：'+height;//字符串连接符
    // return 表示把这句话字符串返回回来
    // es6新语法，魔法字符串
    return `${name},胸围：${bar},体重：${weight},升高：${height}`;
}
text('迪丽热巴','85cm','52kg','172cm');//已经调用了，
// 相当于 text('迪丽热巴','85cm','52kg','172cm') = '迪丽热巴,胸围：85cm,体重：52kg,升高：172cm' 赋值给函数了
// 只是对它没有进行操作
// 如何操作
// 在页面上弹窗打印
alert(text('迪丽热巴','85cm','52kg','172cm'));
// 在页面上输出（讲流程控制语句for循环的时候提到过）
document.write(text('迪丽热巴','85cm','52kg','172cm'));
//扩展一下，console.log()在控制台输出信息
console.log(text('迪丽热巴','85cm','52kg','172cm'));

注意：90%的函数，我们是用return进行返回，在进行操作，直接去执行函数的情况非常少，这个我们后面会感受到！

# ② 函数的返回值赋给一个变量

还可以把函数的返回值赋给一个变量，然后通过变量进行操作。

function text(name,bar,weight,height) {
    return name + ',胸围：'+bar+',体重：'+weight+',升高：'+height;//字符串连接符
}

let love =  text('迪丽热巴','85cm','52kg','172cm');
alert(love); // '迪丽热巴,胸围：85cm,体重：52kg,升高：172cm'

# ③ 退出当前函数

return 语句还有一个功能就是退出当前函数，注意和 break 的区别。break 用在循环和 switch 分支语句里。
回顾之前学习，提到break的地方[循环里面的break] [switch语句里面的break]

# 1、函数声明

# ① 没有参数的函数

# ② 带参数的函数

# 2、函数 return 返回值

# ① return返回值

# ② 函数的返回值赋给一个变量

# ③ 退出当前函数

# 3、函数的arguments 对象

# 例子1：函数体不传参数，执行的时候传参数，不会产生错误

# 例子2：利用arguments对象接收参数，通过数组形式 arguments[下标] 获取，从0开始

# 例子3：利用arguments对象的 length 属性可以得到参数的数量

# 例子4: 我们可以利用 length 这个属性，来智能的判断有多少参数，然后把参数进行合理的应用。

# 例子5:了解一下js中的函数，没有像其他高级语言那种函数重载功能，同名函数执行后面的函数

# 课程其它章节