函数
前言:本篇文章主要介绍
js
基础知识,包括函数声明、函数表达式和箭头函数,函数声明与函数表达式的区别。
1. 函数简介
函数是由一条条与句组成的代码块
1.1 函数声明(创建函数)
使用关键词 function
创建一个名为 hello
的函数
function hello(){
console.log("hello,world")
}
hello() // "hello,world"
1.2.局部变量
声明在函数内部的变量(只在该函数内部可见)
function showName(){
let name = "javascript"
console.log(name)
}
showName() // "javascript"
name // ReferenceError: nameis not defined
1.3.外部变量
声明在函数外部的变量,函数对外部变量拥有全部的访问权限,也可以修改外部变量。
let name = "javascript"
function showName(){
console.log(name)
}
showName() // "javascript"
name // "javascript"
1.4.参数
当一个值被作为函数参数传递时,它被称为 参数,参数分为实参和形参,函数声明时括号中的参数为形参,函数调用时传递的参数为实参。将参数
long
和width
传递到函数进行计算。
// 计算面积
function caculateArea(long,width){
return long * area
}
caculateArea(8,5) // 40
1.5.默认参数
在函数调用时如果有参数未传递,那么相应的值将会变成 undefined
function showPerson(name,age){
return `${name} is ${age} years old`
}
showPerson("jhon") // jhon is undefined years old
showPerson("jhon",18) // jhon is 18 years old
// 用 "=" 传递默认参数
function showPerson(name,age=18){
return `${name} is ${age} years old`
}
showPerson("jhon") // jhon is 15 years old
1.6.返回值
函数可以将结果以值的形式返回。绝大多数情况下,使用函数都是为了获取其返回值。
fucntion getSum(a,b){
return a+b
}
getSum(5,3) // 返回值:8
- 函数可以返回任意值,也可以不返回值。
- 使用
return
意味着退出函数。 - 同一条件下只能使用一次
return
1.7. 函数命名
函数命名需要具有良好的规范,可以遵循团队命名法,也可以遵循社区命名规则尽量做到见名知意、语义清楚。一般使用驼峰命名法,采用动词加名词的组合形式。
getSum() // 求和
calcArea // 计算面积
createForm // 创建表单
2. 函数表达式
在
js
中,函数是一种值
另一种创建函数的方法为函数表达式
let getName = function(name){
return name
}
getName("jhon") // jhon
函数声明与函数表达式的 区别
- 函数表达式只有在在代码执行到达时创建,并且仅从那一刻开始起作用
- 函数声明未定义前,函数就可以使用。
3. 箭头函数
3.1.创建箭头函数
let func = (a,b,...,args)=>expession
// 1. 单行
let func = (a,b,...,args)=>expession
================等同于==============
// 2. 多行
let func = (a,b,...,args)=>{
return expession
}
3.2 参数
// 一个参数
let func = a => expression
// 0个参数
let func = ()=> expression