JavaScript常用函数的运用和理解

目录

 

 

何为函数

创建函数的几种方式

函数参数（无参和有参）

形式参数和实际参数

fun和fun()的区别

函数的返回值

嵌套函数

立即执行函数

---

 

何为函数

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

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

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

• 函数也是一个对象。
• 函数中可以封装一些功能（代码），再需要的时候可以执行这些功能（代码）。
• 函数中可以保存一些代码再需要的时候调用。

创建函数的几种方式

• 使用 函数对象 来创建一个函数（几乎不用）

语法格式：

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

• 使用 函数声明 来创建一个函数（比较常用）

语法格式：

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

• 使用 函数表达式 来创建一个函数（比较常用）

语法格式：

var 函数名 = function(){

};

上述函数末尾需要加；号。因为他是一个函数表达式。

• 匿名函数

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

function(){}

函数参数（无参和有参）

• JS中的所有的参数传递都是按值传递的，也就是说把函数外部的值赋值给函数内部的参数，就和把值从一个变量赋值给另一个变量是一样的，在调用函数时，可以在()中指定实参（实际参数），实参将会赋值给函数中对应的形参

• 调用函数时，解析器不会检查实参的类型，所以要注意，是否有可能会接收到非法的参数，如果有可能，则需要对参数进行类型的检查，函数的实参可以是任意的数据类型

• 调用函数时，解析器也不会检查实参的数量，多余实参不会被赋值，如果实参的数量少于形参的数量，则没有对应实参的形参将是undefined

无参函数：没有参数

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

// 函数调用
fun();

有参函数：有参数

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

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

形式参数和实际参数

在《Javascript权威指南》中这样定义：

　　参数有形参（parameter）和实参（argument）的区别，形参相当于函数中定义的变量，实参是在运行时的函数调用时传入的参数。

 

　　说明白就是，形参就是函数声明时的变量，实参是我们调用该函数时传入的具体参数。

例子：

　声明函数add时，a，b就是形参。调用函数add(1,2)  1，2就是实参。

    实参可以是任意的数据类型。

function add(a,b) {
    return a + b
};
add(1,2);

fun和fun()的区别

fun:函数对象        相当于直接使用函数的对象

fun():调用函数        相当于使用的函数的返回值

函数的返回值

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

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

演示：

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

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

返回值可以是任意的数据类型，也可以是对象。

嵌套函数

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

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

    zi();
}

fu();

立即执行函数

函数定义完，立即被调用，这种函数叫做立即执行函数，立即执行函数往往只会执行一次。

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