首页 > web前端 > js教程 > 教大家在JavaScript中以不同的方式声明变量

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

藏色散人
发布: 2021-08-17 14:17:49
原创
2104 人浏览过

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

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

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

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

第一种方式var

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中文网”,如下图:

78198888403e9ca036a7e0df6920f64.png

第二种方式let

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

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

语法:

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>
登录后复制

输出:

e517c43d8b6dbdaa925f09448950476.png

第三种方式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>
登录后复制

输出: 

 05cad6ef02d2316c78bfebc7a8ba6ae.png

最后给大家推荐《JavaScript基础教程》~欢迎大家学习~

以上是教大家在JavaScript中以不同的方式声明变量的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板