美文网首页孟婆汤煨前端原生javascript那些事
javascript 函数-从入门到大牛-01-函数基础详解

javascript 函数-从入门到大牛-01-函数基础详解

作者: 公羊无衣 | 来源:发表于2019-12-23 15:35 被阅读0次

    前言

    在JavaScript学习初期,很多小伙伴在学习函数的时候总是带着一头雾水学习,写着写着就蒙了,学着学着就废了。 更有有一些函数只知其意,不知其所云 ,CTRL + C , CTRL + V 一路到底,出了问题就找大佬抱大腿 , 抓耳挠腮好不难受,本教程能解决你所有相关问题。

    简而言之,写代码其实就是让机器明白我的思想,如果你的思想是胡乱传达的, 或者你的思想根本就是复制别人的,亦或者你的思想极其混乱,导致你的代码 语无伦次 , 对于代码实现的效果本身不会有太大的差异,但是如果有人去看你的代码,那他心中一定充满了 我真是哔哔哔哔哔... 。

    这篇教程会带你从入门到高级,一步步带领大家明白,什么是函数,开发之中的使用, 面试之中的问题,等等围绕函数展开的一系列内容,如果你是刚开始学习的小白,那么你看完一个章节就可以暂时停止学习了,等你学习了相对比较完整的JavaScript内容之后,可以再回头来看一下本教程的高级内容,会有更多的收获。

    函数!函数!

    其实我个人感觉函数的学习其实本身不难,但是为啥小白们说到函数都不寒而栗,其实原因上来讲就是不知道如何去评判怎样才算真的学会了,其实学习任何一个知识点,尤其是编程类语言的知识点,你只需要关注两方面内容 : 这玩意解决了什么问题,这玩意咋用。 问一问自己,如果了然于胸,那么你就可以断定为你学会了,为啥? 因为学习本身就是用来解决问题的,我们用恰当的手段解决问题不是我们学习的核心目标么?闲话少叙,开始学习。

    ok我们开始给函数分类, 以大的入口分步进行学习 , 函数共分成两类 :

    1. 系统函数。
    2. 自定义函数。

    系统函数

    什么是系统函数那 ? 不理解这个词? 不怕 ! 看看这个!

    杜蕾斯logo

    认识这个东西么? 好吧你不知道,我知道屏幕前的你一定用手捂起了眼睛,表示这玩意听都没听说过。现在需要你根据这个产品冷静的思考一些问题,这只是一个保证产品的安全。但是这玩意是干啥的?

    对对对,就是你想的那样,但是为啥有这类的产品那? 如果说 注意安全 这个话题真的有必要,那么我们全世界所有的男人一人一刀不是啥都解决了, 多省事,多省心,但是问题就是如果真的这么做了,影响人类繁衍,人类就灭绝了,所以有很多的东西他们出现的目的就是: 在特定的场景,特定的时刻,特定的用途下, 去使用的问题解决方案 , 我们可以把这些特定汇总为一句话 解决问题时,所以总结来说,这个产品就是解决特定问题时使用的

    系统函数就是JavaScript在研发过程之中,发现应该提供一些问题解决方案,为啥提供那,因为JavaScript不想要一刀切, JavaScript还想要有一个语言的尊严, 于是他就提供了很多种类的问题解决方案, 什么 螺纹的爆珠的夜光的 咳咳 ...

    说正经的,JavaScript给了我们很多问题的处理方案, 比如 parseInt , 用来把数据进行取整 , 比如 alert 让浏览器可以弹出一个警告,这类的JavaScript定义好的有意义的单词我们把他们称之为系统函数。

    那么这类的系统函数,把他们直接写在script标签之中就可以了么,并不是,来看一下下面的代码。

     <script>
          alert
     </script>
    

    把代码写成这样我们的浏览器不会有任何的行为,这就像是 : 我已经办了健身卡七个月了体重一点都没有降, 反而涨了五斤,看来我有必要亲自去一趟健身房看看了。

    简而言之,JavaScript在看到 alert的时候,明白要做的事情是什么,但是我们现在缺少的是一个行为,这个行为在JavaScript之中需要以运算的形式体现出来,这就是 () 调用运算符 。

    接下来我们看一下如何去让JavaScript执行 alert这个行为 :

        alert()
    

    接下来你会看到,浏览器有了反应。

    弹出显示框

    这就是一个行为,当我们需要让浏览器弹出一个框的时候 , 就编写 alert() , 告诉浏览器 ,我要调用alert 功能了。

    常用的系统函数还是需要记住的, 因为我们的使用频率是非常高的,而且绝大多数的系统函数提供的功能是只能使用浏览器提供的单词实现的

    系统函数的参数

    如果换位思考,你去设计一个功能,如果功能的职责过于单一,比如 parseInt 取整这个功能,会有什么副作用? 因为我们需要取整的数字是不确定的,我们难道要把所有的可能都变成一个单词么?parseInt1() , parseInt2() 这样可能么?不可能 ! 所以我们会给予一些运算的前提条件,比如 3.1415926 的取整,比如 1.23456的取整. 那这样的情况应该如何表达那 ? 很简单,我们要把关键的数据,放进我们跟程序说的话之中,也就是说我们可以直接告诉浏览器,我想要 将3.1415926取整,根据刚才的学习你可以轻易的写出 parseInt 的调用,那么我们如何将数据放入调用之中那?
    parseInt(3.1415926) 这样既可。

    我们把不确定的数据放在小括号之中,让我们的使用的功能可以适应更多的场景,这种行为是系统函数设计的原则 。 这个改变数据的语法里面的数据,还有一个关键的名词叫做参数

    简单提取一下这个概念,这个放在小括号之中的数据,叫做参数

    好了,系统参数到这就说完了, 接下来思考几个问题,检验一下,是否学会 :

    Math.round 四舍五入。
    Math.ceil 向上取整。
    Math.floor 向下取整。
    confirm 弹出确认框。
    prompt 弹出输入框。

    发挥你的想象,使用以上功能,随意写一些程序试一下吧。

    相关文章

      网友评论

        本文标题:javascript 函数-从入门到大牛-01-函数基础详解

        本文链接:https://www.haomeiwen.com/subject/cppznctx.html