🍖JS函数
一.函数定义
- 用来封装你的重复性代码
- 在 Python 中定义函数使用 def 很关键字
- 在 js 中使用 function 定义函数
// 语法
function [函数名](形参1,形参2,形参3...){
[函数体代码];
}
- 无参函数
// 定义无参函数
function func1(){
alert("Hello world");
}
// 调用
func1(); // "Hello world"
- 有参函数
// 定义有参函数
function func2(name,age){
alert(name+"年芳"+age);
}
// 调用
func2("小女子",28); // "小女子年芳28"
func2(1,2,3,4) // "1年芳2" (参数过多不要紧,只会取出相应的数据)
func2(1) // "1年芳undefined" (参数少了也不要紧,会以 undefined 填充)
二.函数参数
- 参数一般五个以下
- 函数内引用的参数大于传入的参数会以 "undefined" 替代
- 函数内引用的参数小于传入的参数, 那么只会取出相应的参数
function cook(isBad,a,b,c){ // isbad形式参数
if (isBad){
alert('做饭');
}else{
alert('点一个外卖');
}
}
var bad = false; //刀坏了
cook(bad); // 点一个外卖
-
arguments 参数
能够获取到函数接受到的所有的参数
function alls(a,b,c,d){
console.log(arguments);
}
alls(1,2,3) // [1,2,3]
三.函数返回值与函数表达式
- 可以声明变量来接收函数返回值
// 加法
function addition(a,b){
return a+b;
}
// 减法
function subtraction(a,b){
return a-b;
}
// 乘法
function multiplication(a,b){
return a*b;
}
// 除法
function division(a,b){
return a/b;
}
// 调用
var r = addition(4,6); // 10
var r1 = subtraction(4,6); // -2
var r2 = multiplication(4,6); // 24
var r3 = division(4,6); // 0.666666666666
- 函数表达式
var division = function(a,b){
return a/b;
}
// 调用
division(10,2) // 5
四.全局变量与局部变量
- 函数外部的属于全局，函数内部的属于局部，只能在函数里面调用, 函数运行完毕, 局部变量就会被删除
- 在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它
var a = 1;
console.log(a); // 1
function add(){
var b = 2;
console.log(b); // 2
}
add();
//无法调用,b只是局部
console.log(b); // 报错
五.匿名函数
- 没有名字的函数
- 函数可以被赋值, 但对于一个匿名函数来说赋予名字没有意义
- 匿名函数一般与 map( ) 之类的函数组合使用
function(){
console.log("xxx");
}
六.作用域
- 首先在函数内部查找变量，找不到则到外层函数查找，逐步找到最外层。另外函数的作用域关系是在定义阶段就固定死的，与调用位置无关
七.变量提升
- 所有的声明都会提升到作用域的最顶上去
- 同一个变量只会声明一次, 其他的被忽略掉
- 函数的声明优先级高于变量声明的优先级, 并且函数声明和函数定义的部分一起被提升
