第二篇 JavaScript 基础入门 2

最新推荐文章于 2022-02-28 10:24:43 发布

_语义错误

最新推荐文章于 2022-02-28 10:24:43 发布

阅读量245

点赞数

分类专栏： JavaScript 文章标签： javascript linq 开发语言

本文链接：https://blog.csdn.net/m0_66451927/article/details/122977224

版权

（3）变量 let 和 var

之前学习 var 关键字是用来声明创建一个变量的，一般使用 var 创建全局变量，使用 let 创建局部变量。

示例如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript base</title>
</head>
<body>
    <script>
        var i = 10;
        document.write(i + '<br/>'); // 这里输出 i 为 10
{ 
    let i = 2;
    document.write(i + '<br/>'); // 这里输出 i 为 2
}
    document.write(i + '<br/>'); // 这里输出 i 为 10  
    </script>
</body>
</html>

运行结果：

代码解析：

使用 let 关键字来实现块级作用域。let 声明的变量只在 let 命令所在的代码块 { } 内有效，在 { } 之外不能访问。变量“ let = i ”外面的花括号是让我们更好区分 var 和 let 的区别，let i 遍历创建处就等于一个“局部”，与外面进行隔离

先创建了一个叫 i 的全局变量，赋值为 10 ，然后输出i ，这时 i 的值为 10，再用关键字 let 创局部变量 i 赋值为 2，在 {} 这个局部里，和全局变量同名的局部变量 i 的值赋为2，在局部 {} 里变量 i 输出的值为2，在 {} 局部外面，再次输出全局变量 i ，结果为10。

三、数组

3.1 数组的概念

数组就是数据集合，和变量概念类似，变量是储存一个值的容器，这个值的种类可以多种多样，数组就是变量是储存多个值的容器，这些值的种类也可以多种多样。通过一个例子来了解怎么使用数组，数组的格式规范等。

示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript base</title>
</head>
<body>
   <!-- way 1 importance 字面 -->
    <script>
        var aaa = ["Dong A","Beijng" ,"Yuzu", 2022];
        document.write(aaa);
    </script>
    <!-- way 2 常规 -->
    <script>
        var bbb = Array ();
        bbb [0] = "Dong A";
        bbb [1] = "Beijng";
        bbb [2] = "Yuzu";
        bbb [3] = 2022;
        document.write(bbb);
    </script>
    <!-- way 3 简洁 -->
    <script>
        var ccc = Array("Dong A","Beijng","Yuzu",2022);
        document.write(ccc);
    </script>

</body>
</html>

运行结果：

代码解析：

上面介绍了3种代码的写法，以第一种为主，用关键字 var +数组名 = [数据1,数据2,...,数据n];数组里有多个值用逗号分隔开。

3.2 数组访问及取值

访问

示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript base</title>
</head>
<body>
    <p id="pID"></p>

    <script>
        var aaa=["Dong A","Beijng" ,"Yuzu", 2022];
        document.getElementById("pID").innerHTML = aaa[0];
    </script>
</body>

</html>

运行结果：

代码解析：

通过 document.getElementById("段落ID").innerHTML = aaa[数组元素位置]; 获取元素。

注意数组元素从 0 开始。数值

最低0.47元/天解锁文章

_语义错误

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第二篇 JavaScript 基础入门 2

（3）变量 let 和 var之前学习 var 关键字是用来声明创建一个变量的，一般使用 var 创建全局变量，使用 let 创建局部变量。示例如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <met...
复制链接

扫一扫