JS的学习

函数

2021-11-24  本文已影响0人  wy22

        // 函数,也称之为方法,是完成某个功能的代码块

        // function 是定义函数的关键字

        // 函数分为:1.无参函数 2.带参函数 3.带返回值的函数

        //1.定义无参函数,函数的()里面没有定义参数,这样的函数就是无参函数

        function fun1() {

            let num1 = 100

            let num2 = 200

            console.log(`${num1}+${num2}=${num1 + num2}`);

        }

        // 函数必须要调用后,才会执行里面的代码

        fun1()

        console.log('----------------------------');

        //2.定义带参数函数,函数的()里面需要传参数,参数可以传多个,参数名是自定义的

        // 函数在定义时候,定义的参数是:形参

        function fun2(num1, num2) {

            console.log(`${num1}+${num2}=${num1 + num2}`);

        }

        // 带有带参数的函数时,传递具体的实际值(函数在调用时,传递的参数是:实参)

        fun2(100, 200)

        fun2(1000, 2000)

        fun2(10, 20)

        // 调用带参数的方法时,如果没有传递参数,那么参数就是值就是undefined

        fun2()

        console.log('----------------------------');

        // 3.带返回值的函数

        function fun3(num1, num2) {

            let sum = num1 + num2

            // return关键字,只能用的函数中,用于返回函数的执行结果

            return sum

        }

        // 调用带返回值的函数,需要通过变量接收函数的返回值。

        let sum = fun3(100, 200)

        console.log(sum);

定义函数的几种方式

      // 第一种方式:通过function关键字直接定义

        function fun1(){

            console.log('我是方法一');

        }

        fun1()

        // 第二种方式:定义一个变量,接收定义的函数

        let fun2 = function(){

            console.log('我是方法二');

        }

        fun2()

        // 第三种方式:箭头函数,其实就是第二种方式的简写。(ES6新推出的一种方式)

        let fun3 = ()=>{

            console.log('我是方法三');

        }

        fun3()

        console.log('-----------------------------------');

        /* let fun4 = (num1,num2)=>{

            return num1 + num2

        } */

        // 如果箭头函数的函数体,只有一条语句,可以省略大括号,如果这一条语句还是返回语句,return关键字必须省略

        let fun4 = (num1,num2)=>num1 + num2

        console.log(fun4(100,200));

        let fun5 = (num1,num2)=>console.log(`${num1}+${num2}=${num1+num2}`);

        fun5(100,200)

        // 如果箭头函数的参数,只有一个,那么可以省略小括号

        let fun6 = num=>console.log(num*3);

        fun6(100)

        // 如果箭头函数没有参数,通常要保留小括号,如果非要去掉小括号,需要写一个下划线占一个位置

        let fun7 = _=>console.log('我是箭头函数')

        fun7()

上一篇 下一篇

猜你喜欢

热点阅读