«

JavaScript函数

yang 发布于 阅读:429 JS基础阶段


1.函数

1.1 函数的概念【重点】

函数是对一段功能代码的封装,用于代码的复用。

1.2 函数的定义方式

// 1.函数声明式(实名函数)
    function 函数名(){
        // 功能代码(函数体)
    }

    // 2.函数表达式(匿名函数)
    const 变量名 = function(){
        // 功能代码(函数体)
    }

    // 区别:
    // 1.函数声明式会将函数挂在全局,任意位置均可调用
    // 2.函数表达式需要先定义函数,再进行调用

1.3 调用函数【重点】

函数名();.

1.4 函数的参数【重点】

1.4.1 函数的形式参数【重点】

function 函数名(形式参数1, 形式参数2, 形式参数n){
        函数体;
    }

    形式参数是虚假的参数,相当于参数的代号,用于接收实际的参数。

1.4.2 函数的实际参数【重点】

函数名(实际参数1, 实际参数2, 实际参数n);

实际参数是真实的参数,用于向形式参数传递参数实际的值。

1.4.3 函数参数的特性【了解】

实际参数和形式参数的位置要一一对应

多传参数,实际参数大于形式参数时,多的参数会被忽略掉

少传参数,实际参数少于形式参数时,多的参数会被赋为默认值undefined

1.4.4 函数参数的默认值

function fn(a, b){
        // ES5 在函数体设置默认值
        a = a || 10
        b = b || 5
    }

    // ES6 在形参处设置默认值【常用】
    function fn(a = 10, b= 5){}

1.5 函数的返回值【掌握】

1.5.1 返回值语法结构【掌握】

function fn(a, b){
        let result = a + b
        return result; // return 关键字,将结果返回
    }

1.5.2 返回值【掌握】

函数外部需要使用函数内部运算后的结果时,就需要返回值retur

1.5.3 返回值的特性【了解】

1.函数返回值始终返回到函数的调用处

2.函数内执行return之后,函数代码不再执行

    function fn(a, b){
        return a + b; // 此处已经执行return,函数不再执行
        return a - b; // 此处代码不会执行
    }

3.函数内想返回多个值时,需要用[]或{}包裹一下再return

1.6 函数定义三部曲【了解】

一部曲:从大局分析,根据语义环境,语义化命名函数--确定函数名 add

二部曲:从函数内部入手,根据参与运算的参数--确定参数的个数、名字 num1,num2

三部曲:从函数外部入手,根据外部是否需要使用函数的运算结果--确定是否需要返回值 return num1 + num2

2.系统函数【掌握】

函数名             作用

parseInt(值)     转换为整数

parseFloat(值)   转换为浮点数

Number(值)       转换为数字

String(值)       转换为字符串

Boolean(值)      转换为布尔值

isNaN(值)        判断传入的值是否是数字,是数字返回false,反正返回true

JavaScript函数

版权所有:微4e
文章标题:JavaScript函数
除非注明,文章均为 微4e 原创,请勿用于任何商业用途,禁止转载

推荐阅读:


扫描二维码,在手机上阅读
请先 登录 再评论