JavaScript-函数-笔记

1.函数的定义和使用
函数：是一种封装的思想
将可以重复使用的代码 封装在函数内部
在哪里使用在那里调用即可 ——?一次书写 多次使用 减少代码的冗余

第一种：定义有名字的函数
function 函数名(){ 可以重复使用的代码 }
调用函数 函数名()
只定义函数 没有效果 只有调用才会有效果

// 定义有名字函数用于自我介绍（在控制台输出 我叫XXX，今年XX岁 ） 并调用
function fun2() {
? ?console.log(' 我叫XXX，今年XX岁');
}
fun2()

第二种： 匿名函数
var 变量名 = function(){ 代码 }
调用 变量名()

// 匿名函数 输出你好
var a = function () {
? ? console.log('你好');
}
// 调用函数
a()

2.函数的参数
在定义函数时 称为形参 ---- 使用变量 占位置
function 函数名(形参1，形参2... ){ 代码 }
在调用函数时 称为实参
函数名(实参1，实参2)
在函数调用时，实参给形参赋值 实参才是具体使用的东西，形参是占位置的

// 函数的功能是输出我会榨果汁
function fun1(a){ // a指的是某一种水果，不知道是什么占位置
? ? console.log(`我会榨${a}汁`);
}
fun1('苹果') // 我会榨苹果汁
fun1('橘子') // 我会榨橘子汁

// 定义函数 函数的功能时输出两个数的和
function fun2(a,b){ // 此时a和b都不知道是几 代替两个数
? ? ?console.log(a+b);
}
fun2(1,3) // 执行这个地方时，函数中的a变成1，b变成3 得到结果4
fun2(2,7); // 执行这个地方时，函数中的a变成2，b变成7 得到结果9

3.参数的几种情况
// 实参数量多 按照顺序进行赋值即可，多余的实参不使用
function fun3(a) {
? ? ?console.log(a); // 1
}
fun3(1, 2, 3)

// 形参数量多 没有赋值的形参就是undefined
function fun4(a,b,c) {
? ? console.log(a);
? ? console.log(b);
? ? console.log(c); // undefined
}
fun4(1, 2)

4.arguments
arguments 用于不知道有几个参数传递的情况
arguments : 相当于一个数组，存储的是所有的参数值，可以循环遍历 可以使用下标取值

function fun1(){
for(var i=0;i<arguments.length;i++){ // i是下标
? ? ? console.log( arguments[i] ); // 和数组一样 输出元素是 数组名[下标]
? ?}
}
fun1(1,2,3,6,3)
fun1('张三','李四','王五')

5.返回值
返回值 : 返回函数的结果 return 返回值
返回值就是函数的结果
有返回值的函数 在调用时，要么输出，要么使用变量接收
返回值的类型： 数字、字符串。。。。表达式
return 后不跟内容 返回undefined
return 有结束函数的作用 后续代码不会执行

// 定义函数 函数的功能是 返回 123
function fun3(){
? ? ?return 123
? ? ?console.log('ahhahhahahhaah'); // 不会执行
}
console.log(fun3()); // 调用输出结果
var a = fun3() // 将函数的结果存储在变量a中
console.log(a); // 输出变量a

6.立即执行函数
立即执行函数： 在页面运行是就直接执行 只执行一次 不需要手动调用
使用匿名函数实现

形式一：
(function(){
? ?alert('hello')
})()
形式二：
(function(){
? ? alert('你好')
}())