美文网首页孟婆汤煨前端原生javascript那些事
javascript 函数-从入门到大牛-02-高级系统函数

javascript 函数-从入门到大牛-02-高级系统函数

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

    在本文开始之前,需要先明确一件事情,随着程序复杂度的增加,给各位读者必须明白一个思想,如果你试图以这个思想去思考程序,去思考我们每一行JavaScript代码,那么事半功倍是基础提升,如果你不知道或者不认同这个思想,根据我的经验你将长期陷入一个误区之中让自己的代码在相当长的一段时间之中不知所云

    开始之前先跟大家讲一个故事,你听说过舔狗么 ?这是某乎上非常流行的一个词汇,其实就我理解这是一群错误的表达了爱意而不考虑对方感受的人群。人么还有一个贱脾气,得不到的才是最好的,尤其是对异性的追求,如果此时的你对代码有如此的执着,那么我相信其实你不用仔细阅读本文,多花些时间追求函数的奥秘就可以了。

    表情包.png

    好了,说了这么多,你知道如何摆脱舔狗的标签么? 要么放弃,要么找到对方的需求,就这么简单。 你要明白不是你的付出会感动所有人,不是你的努力就一定得到别人的理解,如果方向错了付出再多也没有用。

    ok,接下来我说的这个思想会非常有助于让小白摆脱错误的做JavaScript舔狗的命运,主角来了,这个思想就是 :

    其实你写的每一行代码都是运算!,运算是啥,本质上来说和 1 + 1没啥区别。

    看到这, 你可能满脑子都是我被忽悠了,我被骗了,我哔哔哔哔哔.......... 作者我哔哔哔哔哔.........

    别着急,真的别着急,为什么你没办法把代码当成运算其实绝大多数原因是你不知道代码的运算规则, 这个规则其实是我们最初学习代码的最大阻碍 , 通过上篇文章你知道了 () 叫做调用运算符。那么接下来你要学习的也是一个特殊的运算符 . , 你叫这玩意是啥,是叫不?但是其实他是JavaScript之中非常重要的运算叫取出

    记住 : .叫做取出运算符

    为啥要说取出那? 因为JavaScript其实是一个基于对象的语言,啥是对象,这玩意你就当成一个口袋,专门装东西的, 是一个容器,JavaScript为了方便你学习起来容器一点,把很多的工具都分门别类的放在了一个容器之中,这样方便你进行查找。

    容器.png

    类似于图片中这样。 看不懂对吧,为啥那?语言差异,JavaScript的容器其实也是这样的,都是英文,如果你是英文非常好的小伙伴,那么恭喜你在学习JavaScript的路上会少了很多崎岖坎坷,但是如果你的英文有点烂,没关系从现在开始学习并记忆单词,很快你就会跟上节奏节省很多弯路上的时间。

    很多的系统函数都会被分批装进这样的容器之中,让你使用和学习起来非常的方便,比如 :

    Math 数学对象
    Date 日期对象
    ....

    很多很多,这样的容器,他们之中承载的内容其实就是 Math 数学工具的容器,Date 操作日期的工具... 那么接下来我们一起使用这样的工具。

       Math.round(1.234);
    

    这个函数会让我们得到一个计算结果;计算结果为 1

    为了让我们可以得到更精确的结果,我们使用上篇文章的知识,在浏览器之中弹出一下这个运算结果 :

    分析一下这个需求 : 在浏览器之中弹出Math.round的运算结果 。

    1. 在浏览器之中弹出
    2. Math.random()的运算结果。
        浏览器弹出功能的运算 : alert();
        得到Math.random的运算结果 : var res = Math.round(1.234);  
    

    哈 ? 你说啥,你不认识var res =这一段是啥意思,在此不展开去说,只是简单翻译一下,var表示声明,虽然有作用但是不需要调用,属于比较特殊的一批单词,我们称之为关键字,其实就相当于数学考了零蛋回家之后把卷子交给你爹妈那时候他们看你的眼神虽然他们没有什么行动,但是你已经知道你该干什么了。 这就是关键字,不依赖()调用运算符还可以实现功能的特殊存在。

    接下来给大家隆重介绍 = 运算符,我们在平时叫啥,是不是叫等于,其实不是,在JavaScript之中这个运算符叫做赋值运算符,表示把右边的结果塞进 res 变量之中,res变量就是你自己定义的单词。

    好了我们继续看下我们这一行代码 :

        var res = Math.round(1.234)
        alert( res );
    

    好像也没有那么难了 :

    接下来教大家实现一个非常有意思的功能,很多的游戏都会依赖随机数作为核心,JavaScript也是可以做游戏,随机功能肯定是必须的,接下来给大家提供一个随机数函数Math.random(),大家可以发挥想象。

    实现一个:在页面之中弹出任意一个随机数功能

    相关文章

      网友评论

        本文标题:javascript 函数-从入门到大牛-02-高级系统函数

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