JavaScript初级：函数

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript初级：函数，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1857字，纯文字阅读大概需要3分钟。

内容图文

.

文章目录

• 前言
• 一、函数是什么？
• 二、函数创建
• • 2.1 字面量创建函数
  • 2.2 匿名函数创建
• 二.参数及返回值
• 总结

前言

函数的本质其实就是对象，在js中函数的出现是我们在写代码时得到了很多便利，也减少了巨大的代码量，在整个js中函数的重要性是不言而喻的。

一、函数是什么？

函数的本质其实就是对象，对象储存的是各种数据，但是函数在我们使用时会将一段代码存储在函数中，这段代码一般都是解决某些问题的方法，函数中的代码不会直接运行，需要通过函数名来调用。

二、函数创建

2.1 字面量创建函数

函数语法：

        function 函数名({
            函数体
        }

调用函数语法：

函数名();

2.2 匿名函数创建

所谓匿名函数就是通过var声明来创建函数

        var fun = function () {
                函数体
            }

通过var来声明创建时，函数名就失效了，不需要写，调用函数时直接通过变量名来调用

fun();

函数的使用其实就是重复的代码的复用，无论通过那种方式创建出来的函数，效果其实是一样的。

二.参数及返回值

函数一般都是封装方法的，比如封装一个加法运算小程序，就需要我们将我们需要用到的数据传入函数中然后调用：
函数的形参和实参是一一对应的，传参语法：

        var fun = function (形参) {
            函数体
        }
        fun(实参);

我们写一个简单的加法函数：

        var fun = function (a, b) {
            console.log(a);
            console.log(b);
            c = a + b;
            return c;
        }
        console.log(fun(1, 2));

a,b就是我们的形参了，那么在调用函数时的小括号就是实参，根据一一对应的规则，实参传进函数后，a的值就是1，b的值就是2，最后再通过return来得到我们需要的最后结果。
浏览器的控制台打开：

可以看到，1被赋值给啊，2被赋值给b，而我们输出的最后结果就是c=3。
需要注意的是，当我们没有传入实参的时候，对应的形参就是underfunded。

return：
函数的返回值，也就是函数运行的结果，在调用函数后返回的值，如果函数没有书写return，就会在函数末尾自动加上return undefined
需要注意的是，return会直接结束整个函数的运行，并且将后面的数据当作返回值返回，也就是说，写在return后面的函数体不会再运行了。

总结

函数的使用是JavaScript的重中之重，函数的复用性会给我们之后的代码书写带来极大的便利，节约非常大的代码书写量，同时函数的内部变量不会影响全局变量，也就谁说大大减少了可能出现的声明冲突。

内容总结

以上是互联网集市为您收集整理的JavaScript初级：函数全部内容，希望文章能够帮你解决JavaScript初级：函数所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端