JavaScript的基础学习（一）

最新推荐文章于 2024-09-14 19:44:09 发布

花随叶落

最新推荐文章于 2024-09-14 19:44:09 发布

阅读量414

点赞数 3

分类专栏： JavaScript篇文章标签： javascript 学习开发语言

本文链接：https://blog.csdn.net/weixin_58573288/article/details/140404955

版权

JavaScript篇专栏收录该内容

15 篇文章 0 订阅

订阅专栏

从头开始学习JavaScript，重新开始打基础

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>Ryan study javascript</h1>
    <p id="demo"></p>
    <button onclick="myFunction()">查看当前时间</button>
    <!-- 调用demo1函数 -->
    <button onclick="demo1('我','Ryan')">函数调用</button>
    <!-- 调用带有返回值的函数 -->
    <p id="demo2"></p>
    <script type="text/javascript">
        // window.alert(5 + 6);
        //可以通过getElementById来给页面添加内容
        // 也可以直接write直接添加
        // document.getElementById("demo").innerHTML = Date();
        // document.write(Date());
        // 如果在页面完成之后执行document.write，会将整个HTML页面覆盖
        function myFunction() {
            document.write(Date());
        }
        // 重复声明同一个变量，不会让它的值丢失
        var count = 5;
        var count;
        document.getElementById('demo').innerHTML = count;
        /* 
        JavaScript中数据类型：
            值类型（基本类型）：字符串（String）数字（Number）布尔值（Boolean）
            空（Null）未定义（Undefined）Symbol（E6引入的一种新的原始数据类型，表示独一无二）
            引用数据类型（对象类型）：对象（Object）数组（Array）函数（Function）
            还有两个特殊的对象(正则RegExp、日期Date)
            */
        // 当你想要声明新变量时，可以使用关键词new来声明其类型
        // JavaScript变量均为对象，当你声明一个变量的时候就创建了一个对象 
        var number = new Number;
        number = 'hello'
        console.log(typeof number)
        // JavaScript中的函数中调用带参函数
        function demo1(firstName, lastName) {
            alert(firstName + 'is' + lastName);
        }
        // 带有返回值的函数
        function demo2(x, y) {
            return x * y;
        }
        document.getElementById("demo2").innerHTML = demo2(3, 6);
        // 如果给为声明的变量赋值的话，该变量会被当作window的一个属性
        // 这种情况下创建的全局变量是属于可配置属性，是可以删除的
        var var1 = 1;
        var2 = 3;
        // 都可以当作全局变量来使用
        console.log(this.var1);
        console.log(this.var2);
        console.log(window.var1);
        console.log(window.var2);
        delete var1;
        // 被定义的变量无法删掉
        console.log(var1);
        delete var2
        // 未被定义的变量是可以被删掉
        // 因此执行页面后台会显示未被定义;ReferenceError: var2 is not defined
        console.log(var2);
    </script>
</body>

</html>