教大家在JavaScript中以不同的方式声明变量-js教程-PHP中文网

教大家在JavaScript中以不同的方式声明变量

藏色散人

发布： 2021-08-17 14:13:51

原创

2275人浏览过

在上一篇文章《如何通过js返回大于指定数字的数组元素》中给大家介绍了怎么通过js返回大于指定数字的数组元素，感兴趣的朋友可以学习了解一下~

那么本文的主题则是教大家在JavaScript中以不同的方式声明变量！

首先大家应该也知道在 JavaScript 中，可以通过使用不同的关键字以不同的方式声明变量，毕竟每个关键字在 JavaScript 中都有一些特定的功能；基本上我们是可以通过使用var、let和const关键字以三种不同的方式来声明变量，并且每个关键字都在某些特定条件下使用。

注：在2015年以前，我们使用var关键字来声明JavaScript变量；ES2015(ES6) 新增加了两个重要的JavaScript关键字let和const。

第一种方式var：

立即学习“Java免费学习笔记（深入）”；

var：该关键字用于全局声明变量，如果使用此关键字来声明变量，则该变量也可以全局访问和更改。

注：它适用于较短的代码。

其语法如:

var variableName = "Variable-Value;"

登录后复制

一个通过var声明变量的例子：

<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8 />
    <title></title>
</head>
<body>

<script>

    var geeks = "I love PHP中文网";
    console.log(geeks);

</script>
</body>
</html>

登录后复制

则会输出“I love PHP中文网”，如下图：

第二种方式let：

let: 该关键字用于在本地声明变量，如果使用此关键字来声明变量，则该变量可以在本地访问并且也是可变的。

注：let声明的变量只在let命令所在的代码块内有效。

企业建站系统2.0

系统是针对于企业用户量身打造的一款简单的程序，只要你懂一点html语言你就可以轻轻松松的创建一个自己的企业官网，品牌官网、为了更好的让各位开发者可以简单的制作自己满意的模板，我们官网论坛提供了模板变量(模板标签)可以让大家轻松制作自己的企业官网。更新说明：修复专题页面添加产品不显示问题功能列表：1.设置中心2.分类栏目3.关于我们4.联系我们5.招聘中心6.留言方式7.支持伪静态8.支持生成静

查看详情

语法：

let variableName = "Variable-Value;"

登录后复制

一个通过let声明变量的例子：

<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8 />
    <title></title>
</head>
<body>

<script>

    if (true) {

        let geeks = "I love PHP中文网";

        console.log(geeks);

    }
    

    /* 显示未定义错误 */

    console.log(geeks);

</script>
</body>
</html>

登录后复制

输出：

第三种方式const：

const: 该关键字用于全局声明变量。如果您使用此关键字声明变量，则该变量可以全局访问且不可更改。

注：const声明一个只读的常量，一旦声明，常量的值就不能改变。

语法：

const variableName = "Variable-Value;"

登录后复制

一个通过const声明变量的例子：

<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8 />
    <title></title>
</head>
<body>

<script>
    const geeks = "I love PHP中文网";

    console.log(geeks);

</script>
</body>
</html>

登录后复制

输出: