JavaScript 函数

最新推荐文章于 2024-07-19 12:58:53 发布

詩酒の歳月

最新推荐文章于 2024-07-19 12:58:53 发布

阅读量897

点赞数 1

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_55503600/article/details/123478116

版权

JavaScript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

系统函数

系统函数在该语言设计时就已定义好了，只需根据对应的开发手册就能够使用。

自定义函数

自定义函数是开发者自己定义的函数。

1、函数的创建和调用

语法格式：

//创建
function 函数名(形式参数1,形式参数2,...,形式参数n){
    语句;
    return 返回值;
}
//调用
函数名(实际参数1,实际参数2,...,实际参数n)

函数名的命名规则与标识符一致；

形式参数不具有实际作用，可选的，与其对应的还有实际参数，在调用时传实际参数赋值给形式参数。

返回值：对于函数外部而言，函数内部是不可见的，如果函数外部需要拿到函数内部的值，可在函数内部使用 return 来返回你需要的值。

2、函数的特殊类型

（1）函数表达式

语法格式：

function() {
    函数体;
    return 返回值;
}

函数表达式返回的值就是其本身，可将其赋值给一个变量。

var fun = function() {
    console.log('函数表达式');
}
//使用变量调用函数
fun();//控制台打印结果：函数表达式

（2）自执行函数

其名字与含义相同，会自动调用，创建与执行步骤是在一起进行的，且只执行一次。

语法格式：

(function(参数){
    语句;
})(参数);

（3）回调函数

回调函数实质就是通过事件或函数被触发来执行的。

<body>
<button onclick="clickButton()">按钮</button>

<script>
    function clickButton() {
        console.log('回调函数');
    }
</script>
</body>
//通过点击 button 来触发 clickButton() 函数，此时 clickButton() 就是一个回调函数。

（4）递归函数

在 JavaScript 中递归函数的实现方式就是在函数体中调用其函数自身。

function recursion(n){
    if(n <= 1){
        return 1;
    }
    return n + recursion(n-1);
}

recursion(数字)，该递归函数实现了计算 n 到 1 的和。

（5）构造函数

常被用于创建内置对象。

3、函数作用域

（1）全局作用域

JavaScript 代码默认在全局作用域下，与之关联的对象就是全局对象 window；

在全局作用域下声明的变量叫全局变量，具有全局性，在任意位置都能获取。

（2）局部作用域

函数就是一个局部作用域，与之关联的对象就是这个函数对象；

在局部作用域下声明的变量叫局部变量，具有局部性，只能在该作用域下使用。

（3）变量的生命周期

全局变量只有当脚本结束或者人为删除时，才会被清除掉；而局部变量在函数执行完后，就会被清除。

4、闭包

在 ECMAScript 中的解释：闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。

闭包是将一系列变量和变量环境进行保存，是为了在外边访问到闭包中的变量。

缺点：可能会引起内存的过多消耗，导致内存泄漏。

詩酒の歳月

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 函数

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。系统函数系统函数在该语言设计时就已定义好了，只需根据对应的开发手册就能够使用。自定义函数自定义函数是开发者自己定义的函数。1、函数的创建和调用语法格式：//创建function 函数名(形式参数1,形式参数2,...,形式参数n){ 语句; return 返回值;}//调用函数名(实际参数1,实际参数2,...,实际参数n)函数名的命名规则与标识符一致；形式参数不具有实际作用，可选的，与
复制链接

扫一扫