JS的函数

目录

一JavaScript函数的声明

二JavaScript命名函数和匿名函数

三JavaScript传参函数和无参函数

四JavaScript带有返回值的函数

五JavaScript的作用域

六JavaScript闭包函数

七JavaScript自执行函数

八JavaScript闭包函数的应用

九JavaScript函数的封装

---

一JavaScript函数的声明

1.变量声明 通过var关键字
    var a=10;

2.function 函数名(参数){
         函数体
        return 返回值
     }

3.通过function关键字声明
     func:函数名
     x:函数的参数
     {}:函数体

4.函数的调用 通过函数名调用

func();

二JavaScript命名函数和匿名函数

1.命名函数
    function func(){
        console.log("这是一个命名函数")
    }
     调用func
    func();//方法+() 代表立即执行

2.匿名函数
     document.οnclick=function(){
         console.log("这是一个点击事件驱动的匿名函数")
     }

三JavaScript传参函数和无参函数

1. function func() {
        console.log("无参函数")
    }
    var func2 = function () {
        console.log("无参函数2")
    }

2.传参函数 f(x)=x+1  

    参数：调用方法(函数)时，根据传入的参数的不同，而返回不同的结果。

    3. x：形参  形式上的参数    变量名
    function func3(x) {
        console.log(x)  
    }
     4.调用
    func3(1);//1 实参   实际的参数    变量值
    func3(2);//2 实参
    func3(3);
    func3(4);

    5.拼接字符串
    function newStr(str1,str2) {
        console.log(str1+str2)        
    }

四JavaScript带有返回值的函数

1.return 语句   返回值(结果)
    function func2() {
        console.log("带有返回值的函数");
        var x=10;
        return x;
    }

2.注意事项  return 之后的代码不执行   函数停止执行

3.应用：return; 空  退出函数

五JavaScript的作用域

1.作用域为 可访问的变量，对象和函数的集合

2.在函数外定义的变量为全局变量
    全局变量有全局作用域：网页中所有的脚本和函数都可以使用
    var num=10;
    console.log(num);

3.变量没有声明，直接赋值为全局变量
     未声明的js变量直接赋值会自动作为window的属性  window是js中顶级变量（对象）
     window.alert()
     alert();

4.局部作用域：局部变量
    变量在函数中声明，变量为局部作用域
    局部变量:只能在函数内部访问

六JavaScript闭包函数

1.局部作用域：局部变量
     变量在函数中声明，变量为局部作用域
     局部变量:只能在函数内部访问

2.声明函数
    function func1() {
        var x=10000;
        return function() {
            return x;
        }
    }
    var res=func1();//将func1中返回的方法进行储存 
    console.log(res());
    console.log(func1()())

七JavaScript自执行函数

匿名函数
    (function() {
        console.log("自执行函数1")
    })()

    // (function() {
    //     console.log("自执行函数2")
    // }())

八JavaScript闭包函数的应用

1.可以读取函数内部的变量
    function func() {
        var a = 100;
        return (function () {
            return a
        })()
    }
    var b=func();
    console.log(b);// 100

     2.可以让一个变量的值始终保存在内存中
    function func2() {
        var c=99;
        fAdd=function(){
            c+=1;// c=c+1
        }
        return function(){
            return c;
        }
    }

九JavaScript函数的封装

1.字面量  不可被改变   重复使用字面量
    使用变量将字面量储存起来，直接使用变量

2.功能函数  方法  
    将功能封装为函数，对外提供函数的接口(使用方法)

3.封装：相同的地方不变   不同的地方通过参数来表示
    function func(a, b, type) {
        return eval(a + type + b)
    }
    console.log(func(10, 20, "+"))
    console.log(func(10, 20, "-"))
    console.log(func(10, 20, "*"))
    console.log(func(10, 20, "/"))