JavaScript学习(三)

JavaScript组成和字符串

JavaScript学习(三)_第1张图片

1.字符串的操作方法

JavaScript学习(三)_第2张图片

2.定时器

JavaScript学习(三)_第3张图片
JavaScript学习(三)_第4张图片

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        window.onload = function () {

            //只执行一次的定时器,第一个可以写函数名或者写成匿名函数,第二个参数是时间,单位是毫秒
            var tTime1 = setTimeout(myalert,1000);//等待毫秒毫秒
            clearTimeout(tTime1);//就不会弹出来了

            //反复执行的定时器
            var tTime2 = setInterval(myalert,1000);
            clearInterval(tTime2);//关闭反复执行的定时器

            function myalert() {
                alert("hello-world");
            }
        }
    </script>

</head>
<body>

</body>
</html>

变量作用域

1.变量作用域

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        window.onload = function () {

            var iNum01 = 12;
            function myalert(){
                //1111
                // var iNum01 = 24;
                // alert(iNum01);//24--局部变量,如果没有局部赋值,那么就会弹出12

                //222
                iNum01 += 20;
                alert(iNum01)//32,在js中可以在函数内直接改变全局变量的值不用添加global关键字
            }
            myalert();
            alert(iNum01);//12--全局变量,第二种是32

        }
    </script>

</head>
<body>

</body>
</html>

封闭函数和常用内置对象

1.封闭函数

JavaScript学习(三)_第5张图片

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        window.onload = function () {

            // function myalert(){
            //     alert("hello-word");
            // }
            // myalert()

            //封闭函数写法,用处是形成一个独立的函数空间,可以不影响到外界的变量和函数,防止命名冲突
            (function myalert(){
                alert("hello-word");
            })();


            var iNum01 = 12;
            (function myalert02(){
                var iNum01 = 24;
                alert(iNum01);//24
            })();
            alert(iNum01); //12

            //封闭函数的第二种写法
            ~function () {
                alert("hello-world")
            }();
        }
    </script>

</head>
<body>

</body>
</html>

2.常用的内置对象

JavaScript学习(三)_第6张图片

3.math对象

JavaScript学习(三)_第7张图片

4.js调试方法

JavaScript学习(三)_第8张图片

你可能感兴趣的:(前端技术)