函数
// 函数,也称之为方法,是完成某个功能的代码块
// function 是定义函数的关键字
// 函数分为:1.无参函数 2.带参函数 3.带返回值的函数
//1.定义无参函数,函数的()里面没有定义参数,这样的函数就是无参函数
function fun1() {
let num1 = 100
let num2 = 200
console.log(`${num1}+${num2}=${num1 + num2}`);
}
// 函数必须要调用后,才会执行里面的代码
fun1()
console.log('----------------------------');
//2.定义带参数函数,函数的()里面需要传参数,参数可以传多个,参数名是自定义的
// 函数在定义时候,定义的参数是:形参
function fun2(num1, num2) {
console.log(`${num1}+${num2}=${num1 + num2}`);
}
// 带有带参数的函数时,传递具体的实际值(函数在调用时,传递的参数是:实参)
fun2(100, 200)
fun2(1000, 2000)
fun2(10, 20)
// 调用带参数的方法时,如果没有传递参数,那么参数就是值就是undefined
fun2()
console.log('----------------------------');
// 3.带返回值的函数
function fun3(num1, num2) {
let sum = num1 + num2
// return关键字,只能用的函数中,用于返回函数的执行结果
return sum
}
// 调用带返回值的函数,需要通过变量接收函数的返回值。
let sum = fun3(100, 200)
console.log(sum);
定义函数的几种方式
// 第一种方式:通过function关键字直接定义
function fun1(){
console.log('我是方法一');
}
fun1()
// 第二种方式:定义一个变量,接收定义的函数
let fun2 = function(){
console.log('我是方法二');
}
fun2()
// 第三种方式:箭头函数,其实就是第二种方式的简写。(ES6新推出的一种方式)
let fun3 = ()=>{
console.log('我是方法三');
}
fun3()
console.log('-----------------------------------');
/* let fun4 = (num1,num2)=>{
return num1 + num2
} */
// 如果箭头函数的函数体,只有一条语句,可以省略大括号,如果这一条语句还是返回语句,return关键字必须省略
let fun4 = (num1,num2)=>num1 + num2
console.log(fun4(100,200));
let fun5 = (num1,num2)=>console.log(`${num1}+${num2}=${num1+num2}`);
fun5(100,200)
// 如果箭头函数的参数,只有一个,那么可以省略小括号
let fun6 = num=>console.log(num*3);
fun6(100)
// 如果箭头函数没有参数,通常要保留小括号,如果非要去掉小括号,需要写一个下划线占一个位置
let fun7 = _=>console.log('我是箭头函数')
fun7()