JavaScript基础语法（变量）

极客李华

已于 2022-12-01 12:05:03 修改

阅读量205

点赞数

分类专栏： JS学习之旅文章标签： javascript 前端开发语言

于 2022-11-28 19:28:01 首次发布

本文链接：https://blog.csdn.net/qq_51447496/article/details/128085348

版权

JS学习之旅专栏收录该内容

55 篇文章 4 订阅

订阅专栏

JavaScript基础语法（变量）

学习路线：JavaScript基础语法（输出语句）->JavaScript基础语法（变量）->JavaScript基础语法（数据类型）->JavaScript基础语法（运算符）->JavaScript基础语法（流程控制语句）->JavaScript基础语法（类型转换）->JavaScript基础语法（函数）->Array_JavaScript->String_JavaScript->自定义对象_JavaScript->JavaScript_BOM->Window对象->confirm()、setInterval()、setTimeout()->History、Location->闪烁的灯泡->JavaScript_DOM->事件绑定(onclick,onfocus,onblur)->
事件绑定(onmouseout,onmouseover)
->事件绑定(onsubmit)表单提交
->提交表单与验证表单案例

变量命名规范

和java语言基本都相同

组成字符可以是任何字母、数字、下划线（_）或美元符号（$）
数字不能开头
建议使用驼峰命名

var

作用域：全局变量

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  
<script>
  // 在一个单独的作用域里面定义
  {
      var a = 1
  }
  console.log(a)
</script>
</body>
</html>

运行结果
在这里插入图片描述

变量可以重复定义

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    
<script>
    // 在一个单独的作用域里面定义
    {
        var a = 1
        var a = 2
    }
    console.log(a)
</script>
</body>
</html>

运行结果
在这里插入图片描述

let

这是ES6新增加的语法。

作用域：局部变量

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    
<script>
    // 在一个单独的作用域里面定义
    {
        let a = 1;
    }
    alert(a); 
</script>
</body>
</html>