HTML5移动开发之路（29）—— JavaScript回顾4

Posted 2020-08-17

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML5移动开发之路（29）—— JavaScript回顾4相关的知识，希望对你有一定的参考价值。

本文为兄弟连IT教育机构官方 html5培训教程，主要介绍：HTML5移动开发之路（29）—— javascript回顾4

一、变量的作用域

JavaScript脚本的执行过程分为两个阶段：
第一阶段，js引擎()先扫描整个javascript代码。当碰到<script>时，会先创建一个全局的活动对象，将<script>中出现的变量的声明，函数的定义保存在活动对象里面。如果碰到函数，则创建对应的局部活动对象，将函数内部的变量的声明及函数的定义保存在该活动对象里面。
第二阶段，执行javascript代码，遇到变量，会先从对应的活动对象里面查找，找不到，找上一层的活动对象。

[html] view plain copy

print?
<html>
    <head>
        <script>
            var i = 100;
            function f1(){
                alert(i);
                var i = 1000;
            }
            function f2(){
                var i = 1000;
                alert(i);
            }
            function f3(){
                alert(i);
                i = 1000;
            }
            function f4(){
                alert(i);
                i = 1000;
                function f5(){
                    var i = 10000;
                }
            }
            f1(); //结果是undefined
            f2(); //结果是1000
            f3(); //结果是100
        </script>
    </head>
    <body>

    </body>
    
</html>

二、Math(javascript内置的一个对象，可以直接使用)

Math.random(): 返回0到1之间的随机数 0<= 随机数 <1
Math.ceil(): 向上取整
Math.floor(): 向下取整

[html] view plain copy

print?
<html>
    <head>
        <script>
            function f1(){
                var a1 = Math.random();
                alert(a1);
                var a2 = 100.68;
                alert(Math.ceil(a2));
                alert(Math.floor(a2));
            }
            function f2(){
                Math.floor(Math.random()*33);
            }
            f1();
        </script>
    </head>
    <body>
    </body>
<html>