JavaScript的变量和命名规范

一、JavaScript的变量

  1. 什么是变量?

    • 变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据
    • 翻译为大白话,我有一个东西需要暂时存储起来,比如说就是一个数字100,我把它存放到了变量a 中,我后续想要使用他的时候就可以直接通过变量a获取到数字100
    • 变量其实就相当于一个容器,内部可以存储任意类型的数据,使用变量时,用的是内部存储的数据。
  2. 为什么要定义变量?

    • 使用变量可以方便的获取或者修改内存中的数据
  3. 如何定义变量

    • 使用一个var的关键字进行定义,后面必须加一个空格,空格后面自定义变量名
    js 复制代码
        var a;
        var b;
        var c;
  4. 变量赋值

    • 变量定义之后,初始时没有进行赋值,内部有一个默认存储的值叫 undefined(未定义)表示内部未赋值,但可以存储数据了
    • 变量赋值的方式:通过等号(=)赋值,等号右边的值赋值给左边的变量 (等号在 JS 中叫做 赋值号;书写时,等号 = 两侧习惯书写一个空格)
    js 复制代码
        // 变量定义
        var a;
        // 变量赋值
        a = 1;
        // 变量定义并赋值
        var b = 2;
  5. 使用变量

    • 直接写变量名即可使用变量;
    • 变量在使用前,必须先有定义,如果没有定义,会出现引用错误

例如:我们直接打印一个console.log(num)

  1. 变量的说明

    js 复制代码
      var abc = 100;
    • var :JavaScript定义的关键词

      • 作用是告诉JavaScript程序,我们在声明定义的是一个变量
      • var声明的关键词JavaScript程序会做特殊处理(预解析/预编译/预解释)
      • 定义声明有一个变量一定要有关键词
    • abc:变量名称

      • 规则必须遵守
      • 规范建议遵守
    • = : 赋值符号

      • 等号在计算机程序中,有特殊意义;和数学中等号的作用不同
      • 等号在计算机程序中,成为赋值符号,将右侧 表达式的结果赋值给左侧变量存储
      • 一定是先计算右侧表达式的结果,将表达式的结果赋值给左侧变量存储
    • 100:右侧的表达式

      • 所谓的表达式就是有结果的公式
      • 可以是计算公式,可以是一个数据,只要具体的结果、值就可以
    • ; : 分号

      • JavaScript代码都要以分号结束
      • 可以不写,建议写
  2. 重复赋值

    • 给一个变量多次赋值
    • 如果继续赋值 最终存储的是最后一次赋值的数据
    js 复制代码
        // 如果继续赋值 最终存储的是最后一次赋值的数据
        a = 300 ;
        a = 400 ;
        a = 500 ;
        console.log( a );   // 500
  3. 变量案例

    • 需求: 交换两个变量所保存的值
    js 复制代码
      var a = 100;
      var b = 200;
    
      // 定义一个临时变量temp
      var temp = a;
      a = b;
      b = temp;
    
      // 写上你们的操作代码
      console.log(a);  // 200
      console.log(b);  // 100

二、变量命名规则

  1. 变量命名规则(必须遵守,不遵守会报错)

    • 字母、数字、下划线、$符号组成,不能以数字开头
    • 字母区分大小写
    • 不能是关键字和保留字
      • 关键字指的是js中有特殊功能的小词语,比如var、for等
      • 保留字指的是现在没有特殊功能,但是将来新语法中有可能作为关键字使用
  2. 变量命名规范(建议遵守的,不遵守不会报错)

    • 变量名需见名知义
    • 遵守驼峰命名法
    js 复制代码
            var box123$_ = 1000;
            console.log(box123$_);  
    
            var 123box = 200;
            console.log(123box);    // 数字不能开头  报错
    
            var if = 1000;          //不能用JS的关键字作为变量名   报错
    
            var box = 1000;
            console.log(Box);       // 报错  找不到
    
            var bigBox = 100;

三、内存和内存特点

  • 内存是计算机的硬件组成部分
  • 特点是临时存储数据,程序执行时数据存在,程序执行结束数据自动删除/释放
  • 硬盘、u盘、移动硬盘等,是永久存储数据

四、JavaScript注释

txt 复制代码
//单行注释
/*多行注释*/
/**
*  多行注释
*/
相关推荐
m0_748255262 小时前
前端安全——敏感信息泄露
前端·安全
鑫~阳3 小时前
html + css 淘宝网实战
前端·css·html
Catherinemin3 小时前
CSS|14 z-index
前端·css
2401_882727575 小时前
低代码配置式组态软件-BY组态
前端·后端·物联网·低代码·前端框架
NoneCoder5 小时前
CSS系列(36)-- Containment详解
前端·css
anyup_前端梦工厂5 小时前
初始 ShellJS:一个 Node.js 命令行工具集合
前端·javascript·node.js
5hand5 小时前
Element-ui的使用教程 基于HBuilder X
前端·javascript·vue.js·elementui
GDAL5 小时前
vue3入门教程:ref能否完全替代reactive?
前端·javascript·vue.js
六卿5 小时前
react防止页面崩溃
前端·react.js·前端框架
z千鑫6 小时前
【前端】详解前端三大主流框架:React、Vue与Angular的比较与选择
前端·vue.js·react.js