js 函数


1.概述


函数是由一连串的子程序(语句的集合)所组成的,可以被外部程序调用,向函数传递参数之后,函数可以返回一定的值。

通常情况下,JavaScript代码是自上而下执行的,不过函数体内部的代码则不是这样。如果只是对函数进行了声明,其中的代码并不会执行,只有在调用函数时才会执行函数体内部的代码。

这里要注意的是JavaScript中的函数也是一个对象,使用typeof检查一个函数对象时,会返回function。
 

2.函数创建


2.1使用 函数对象 来创建一个函数(几乎不用)

语法格式:

var 函数名 = new Function("执行语句");
 

示例代码:

var fun = new Function("console.log('这是我的第一个函数');");
wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==

2.2使用 函数声明 来创建一个函数(比较常用)

语法格式:

function 函数名([形参1,形参2,...,形参N]) {
    语句...
}

示例代码:

function fun(){
    console.log("这是我的第二个函数");
}

2.3 使用 函数表达式 来创建一个函数(比较常用)

语法格式:

var 函数名  = function([形参1,形参2,...,形参N]) {
    语句....
}
wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==

示例代码:

var fun  = function() {
    console.log("这是我的第三个函数");
}
wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==

3.函数调用


3.1对于无参函数调用:

// 函数声明
var fun = function () {
    console.log("哈哈,我执行啦!");
}

// 函数调用
fun();



3.2对于有参函数调用:

// 函数声明
var sum = function (num1, num2) {
    var result = num1 + num2;
    console.log("num1 + num2 = " + result);
}

// 函数调用
sum(10, 20);


4.函数参数


JS中的所有的参数传递都是按值传递的,也就是说把函数外部的值赋值给函数内部的参数,就和把值从一个变量赋值给另一个变量是一样的,在调用函数时,可以在()中指定实参(实际参数),实参将会赋值给函数中对应的形参
调用函数时,解析器不会检查实参的类型,所以要注意,是否有可能会接收到非法的参数,如果有可能,则需要对参数进行类型的检查,函数的实参可以是任意的数据类型
调用函数时,解析器也不会检查实参的数量,多余实参不会被赋值,如果实参的数量少于形参的数量,则没有对应实参的形参将是undefined
 

5.函数返回值

可以使用 return 来设置函数的返回值,return后的值将会作为函数的执行结果返回,可以定义一个变量,来接收该结果。

注意:在函数中return后的语句都不会执行,如果return语句后不跟任何值就相当于返回一个undefined,如果函数中不写return,则也会返回undefined,return后可以跟任意类型的值

语法格式:return 值

案例演示:

function sum(num1, num2) {
    return num1 + num2;
}

var result = sum(10, 20);
console.log(result);

 

5.函数嵌套


嵌套函数:在函数中声明的函数就是嵌套函数,嵌套函数只能在当前函数中可以访问,在当前函数外无法访问。

案例演示:

function fu() {
    function zi() {
        console.log("我是儿子")
    }

    zi();
}

fu();

6.匿名函数

匿名函数:没有名字的函数就是匿名函数,它可以让一个变量来接收,也就是用 “函数表达式” 方式创建和接收。

案例演示:

var fun = function () {
    alert("我是一个匿名函数");
}

fun();

你可能感兴趣的:(前端开发,javascript,开发语言,ecmascript)