JS函数相关

1. 函数

分为系统函数和自定义函数

函数:是一个功能体，需要提供若干个数据，返回处理的结果;用于封装重复执行的代码。

Number() / parselnt() / parseFloat() / alert() / prompt().

 
(1) 创建普通函数

function函数名称(){
    函数体——封装的重复执行的代码
}
//调用
函数名称()
// 调用后会执行函数体中的代码

 练习:创建函数，在函数体中封装计算1100之间所有整数的和并打印，调用多次

function sum(){
    for(var i=0,result=0;i<=100;i++){
        result+=i
}console.log(result)
}sum()

 

 

(2) 创建带有参数的函数

function 函数名称(参数列表){//用于接收传递的数据
    函数体
}
//调用
函数名称(参数列表)  //实际传递的数据

 参数:创建函数时的参数称为形参，调用函数时的参数称为实参，实参会赋值给形参，实参的数量可以是0个或者多个，如果形参未被赋值，则为undefined。多个参数之间用逗号隔开。

 

练习:创建函数，计算任意两个年份之间的闰年个数，调用多次
 

function getYear(num1, num2){
    for (var i= num1, sum= 0; i <= num2; i++){
        if(i % 4 === 0 && i % 100 !== 0 || i % 400 === 0) {
            sum++
        }
    }
        console.log(sum);
}
getYear(2000, 2012)
getYear(2000，2020)

 

 

 

(3) 创建带有返回值的函数

function 函数名称(参数列表){
    函数体
    return值; //返回值，函数调用后得到的结果
}
//调用
函数名称(参数列表)

return作用是返回函数调用后的结果;如果函数中没有return或者return后没有加任何值，则返回的结果为undefined; return 执行后，就会结束函数的执行。

 

练习:创建函数getMax2，传递任意三个数字，返回最大值。

function getMax2(a，b，c）{
    if(a > b && a > c) return a
    else if (b > c) return b
    else if  return c
}
let r= getMax2(1，2，3)
console.1og(r);

 

对比return和break

break用于循环和switch-case，作用是结束循环或者switch-case语句的执行。

return用于函数中，结束函数的执行。

 

 

 

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

 

 2. 变量作用域

  作用域:起作用的范围

全局作用域:在函数外使用var声明的变量，可以在任何的作用域下访问到，称为全局变量。
函数作用域:在函数内使用var声明的变量，只能在当前的作用域下访问到，称为局部变量。
在函数内，不加var声明的变量自动是全局变量，但是不推荐，后期严格模式下会报错。

 

function fun(){
    var m1=m2=m3=5;
// m3=5//全局
// m2=m3//全局
//var m1=m2;//局部变量
}
fun();
console.log(m3);//5
console.log(m2);//5
console.log(m1);//报错

 

 

变量的提升

JS程序执行前，会将var声明的变量提升到所在作用域的最前边，赋值不提升。

//全局变量m
var m=5;
function bar(m){
//m是参数，局部变量
//var m=6;
//修改的是参数m，对全局没有任何影响
m=m+7;
}
bar(6);
//访问全局m
console.log(m); //5

 

 

3. 函数的作用域

函数的可访问范围
全局函数:在全局作用域下创建的函数，可以在任何的作用域下调用
局部函数:在函数作用域下创建的函数，只能在当前作用域下调用
 

 

函数提升

JS程序执行前，会将function关键字创建的函数提升到所在作用域的最前边，会整体提升。

 

 

4. 递归

在函数内调用自身，本身是一个死循环

如何使用？

要有结束条件，要结合着return

递归属于CPU密集型算法

//使用递归计算1~n之间所有整数的和
function getSum(n){
    /结束条件:当n为1的时候，返回1
    if(n===1){
    return 1;
}
//前n个数的和，等价于n +前n-1项的和
    return n+getSum(n-1);
}
    var r=getSum( 100);
    console.log(r);

 

 

 

5. 匿名函数

①

没有名称的函数

 function (){ }

(1) 创建函数

//函数声明
function fn(){
}

(2) 函数表达式

var fun = function(){
    //函数体
}
//变量名称就是函数名称
//调用
fun()

 函数名称() 和 函数名称

函数名称()表示函数的调用，例如 fn() fun()

函数名称就是一个变量，变量中保存了一个函数。

 

函数表达式和函数声明区别

函数声明创建的函数整体会提升，可以先调用再创建。

 函数表达式创建的函数只存在变量的提升，必须先创建再调用。

 

练习:使用函数表达式创建函数，传递任意两个数字，返回两个数字之间所有整数的和 

var getSum=function(a,b){
//计算a~b之间所有整数的和
for(var i=a,sum=0;i<=b;i++){
sum+=i;
}
return sum;
}
console.log( getSum(1,100) );

 

 

②

匿名函数自调用

全局污染:全局变量的出现所造成的

解决:尽量避免使用全局变量，转为局部变量

(function(a){
    //函数作用域
    //放置每块功能代码
})(2)

( function(user){
    var num=4;
    console.log(user); //root
})( 'root');

 

6. 回调函数

将函数名称或者匿名函数以实参的形式传递

为了控制指定函数的调用