javaScript 函数

函数

前言：本篇文章主要介绍 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

1. 函数可以返回任意值，也可以不返回值。
2. 使用 return 意味着退出函数。
3. 同一条件下只能使用一次 return

1.7. 函数命名

函数命名需要具有良好的规范，可以遵循团队命名法，也可以遵循社区命名规则尽量做到见名知意、语义清楚。一般使用驼峰命名法，采用动词加名词的组合形式。

getSum()   // 求和
calcArea   // 计算面积
createForm // 创建表单

2. 函数表达式

在 js 中，函数是一种值

另一种创建函数的方法为函数表达式

let getName = function(name){
	return name
}
getName("jhon") // jhon

函数声明与函数表达式的 区别

1. 函数表达式只有在在代码执行到达时创建，并且仅从那一刻开始起作用
2. 函数声明未定义前，函数就可以使用。

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