函数
函数的使用
语法:
function 函数名() {
函数体
}
// 例
function sayHi() {
document.write('hai~~')
}
函数命名规范:
-
和变量名基本一致
-
尽量小驼峰式命名法
-
前缀应该为动词
-
命名建议: 常用动词约定
函数传参
// 函数声明 形参
function getSum(start, end) {
let sum = 0
for (let i = start; i <= end; i++) {
sum += i
}
console.log(sum);
}
// 函数调用 实参
getSum(1, 2)
参数中间用逗号隔开
函数声明的时候，小括号里面的是形参:
-
形式上的参数
-
相当于变量(本质上就是在函数内部声明变量)
-
接受传递过来的实参 如果没有实参传递过来默认是undefined(相当于定义了一个变量,但是没赋值)
函数调用的时候，小括号里面的参数:
-
实际的参数
-
可以是变量
我们曾经使用过的 alert('打印'), parseInt('11'), Number('11') 本质上都是函数调用的传参
函数返回值
- 在函数体中使用 return 关键字能将内部的执行结果交给函数外部使用
- return 后面代码不会再被执行，会立即结束当前函数，所以 return 后面的数据不要换行写
- return函数可以没有 return，这种情况函数默认返回值为 undefined
函数细节补充
-
两个相同的函数后面的会覆盖前面的函数
-
在Javascript中 实参的个数和形参的个数可以不一致:
-
如果形参过多 会自动填上undefined (了解即可)
-
如果实参过多 那么多余的实参会被忽略 (函数内部有一个arguments,里面装着所有的实参)
作用域
通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。
作用域分类:
-
全局作用域: 在任何区域都可以访问
-
函数作用域: 只能在当前函数的内部访问
let num = 20 //全局变量 ,任意地方都能访问
function getMax() {
let num1 = 30 //局部变量 只能在当前函数内使用
console.log(num1);
}
getMax()
console.log(num);
变量有一个坑， 特殊情况：
如果函数内部，变量没有声明，直接赋值，也当全局变量看，但是强烈不推荐
let num = 20 //全局变量 ,任意地方都能访问
function getMax() {
num1 = 30 //局部变量 直接赋值 可以当全局变量用 但是不推荐这么做
}
getMax()
console.log(num);
console.log(num1); //也能直接访问到
变量访问原则: 在能够访问到的情况下 先局部 局部没有在找全局
匿名函数
没有名字的函数, 无法直接使用
使用方式: 将匿名函数赋值给一个变量，并且通过变量名称进行调用 我们将这个称为函数表达式 如:
let fun = function (x = 0, y = 0) {
console.log(x + y);
}
// 调用
fun(2, 3)
立即执行函数:
// 立即执行语法
// 第一种写法
(function (x, y) {
console.log(x + y);
})(1, 2);
// 第二种写法
(function (x, y) {
console.log(x + y);
}(1, 2))
立即执行函数的作用: 防止变量污染
立即执行函数需要调用吗？ 有什么注意事项呢？
-
无需调用，立即执行，其实本质已经调用了
-
多个立即执行函数之间用分号;隔开
扩展知识:
-
记忆： '' 、0、undefined、null、false、NaN 转换为布尔值后都是false, 其余则为 true
-
隐式转换:
-
有字符串的加法 “” + 1 ，结果是 “1”
-
减法 - （像大多数数学运算一样）只能用于数字，它会使空字符串 "" 转换为 0
-
null 经过数字转换之后会变为 0
-
undefined 经过数字转换之后会变为 NaN
