什么是函数?函数有什么用?
1.function执行特定任务的代码块
2.可以实现代码复用,提高开发效率
函数的使用
声明语法:
function 函数名(){
函数体
}
列:
function sayHi(){
document.write(`你好~`)
}
函数名命名规范
和变量命名基本一致
’尽量小驼峰式命名法
前缀应该为动词
命名建议:常用动词约定
函数体
函数体是函数的构成部分,它负责将相同或相似代码“包裹”起来,直到函数调用时函数体内的代码才会被执行。函数的功能代码都要写在函数体当中。
function sayHi(){
console.log(`你哈`)//函数体
}
sayHi()
函数传参
有参函数的声明和调用
声明语法
function 函数名(参数列表){
函数体
}
参数列表 :
1传入数据列表
2声明这个函数需要传入几个数据
3多个数据用逗号隔开
列:单个参数
function getSquare(num1){
document.write(num1*num1)
}
列:多个参数
function getSquare(num1,num2){
document.write(num1+num2)
}
有参数的函数声明和调用:
调用语法如
function getSquare(num1,num2){
document.write(num1+num2)
}
getSquare(10,20)//结果为30
形参和实参:
形参:声明函数时写在函数名右边小括号里的叫形参(形式上的参数)
实参:调用函数时写在函数名右边小括号里的叫实参(实际上的参数)
形参可以理解为是在这个函数内声明的变量(比如 num1 = 10)实参可以理解为是给这个变量赋值 开发中尽量保持形参和实参个数一致
我们曾经使用过的 alert('打印'), parseInt('11'), Number('11') 本质上都是函数调用的传参
注意:形参如果不被赋值,就是undefined
函数返回值:
当调用某个函数,这个函数会返回一个结果出来,这就是有返回值的函数
用return返回数据
语法:return(数据) 如:return 20
使用方式:
function getSum(num1,num2){
return num1+num2
}
let num=getSum(30,10)
document.write(num)//40
细节:
在函数体中使用 return 关键字能将内部的执行结果交给函数外部使用
函数内部只能运行到 1 次 return,并且 return 后面代码不会再被执行,所以 return 后面的数据不要换行写
return会立即结束当前函数
函数可以没有 return,这种情况函数默认返回值为 undefined
作用域
作用域的概述
通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。
1.全局作用域:作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件
2.局部作用域:作用于函数内的代码环境,就是局部作用域。 因为跟函数有关系,所以也称为函数作用域。
3.块级作用域:块作用域由 { } 包括,if语句和for语句里面的{ }等
变量作用域特殊情况: - 如果函数内部或者块级作用域内部,变量没有声明,直接赋值,也当全局变量看,但是强烈不推荐 - 函数内部的形参可以看做是局部变量,所以形参相当于函数内部定义的局部变量,只有在函数内部可以使用
变量访问原则-作用域链
只要是代码,就至少有一个作用域
写在函数内部的局部作用域 如果函数中还有函数,那么在这个作用域中就又可以诞生一个作用域
根据在内部函数可以访问外部函数变量的这种机制,用链式查找决定哪些数据能被内部函数访问,就称作作用域链
变量访问原则是什么? 作用域链:采取就近原则的方式来查找变量最终的值