JavaScript学习（三）

最新推荐文章于 2024-05-06 15:03:18 发布

宋建国

最新推荐文章于 2024-05-06 15:03:18 发布

阅读量178

点赞数

分类专栏：前端技术

本文链接：https://blog.csdn.net/hot7732788/article/details/104768877

版权

前端技术专栏收录该内容

3 篇文章 0 订阅

订阅专栏

JavaScript组成和字符串

在这里插入图片描述

1.字符串的操作方法

在这里插入图片描述

2.定时器

在这里插入图片描述

<!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.封闭函数

在这里插入图片描述

<!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>