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 复制代码
//单行注释
/*多行注释*/
/**
*  多行注释
*/
相关推荐
汪子熙28 分钟前
Angular 服务器端应用 ng-state tag 的作用介绍
前端·javascript·angular.js
Envyᥫᩣ36 分钟前
《ASP.NET Web Forms 实现视频点赞功能的完整示例》
前端·asp.net·音视频·视频点赞
Мартин.5 小时前
[Meachines] [Easy] Sea WonderCMS-XSS-RCE+System Monitor 命令注入
前端·xss
昨天;明天。今天。6 小时前
案例-表白墙简单实现
前端·javascript·css
数云界6 小时前
如何在 DAX 中计算多个周期的移动平均线
java·服务器·前端
风清扬_jd6 小时前
Chromium 如何定义一个chrome.settingsPrivate接口给前端调用c++
前端·c++·chrome
安冬的码畜日常6 小时前
【玩转 JS 函数式编程_006】2.2 小试牛刀:用函数式编程(FP)实现事件只触发一次
开发语言·前端·javascript·函数式编程·tdd·fp·jasmine
ChinaDragonDreamer6 小时前
Vite:为什么选 Vite
前端
小御姐@stella6 小时前
Vue 之组件插槽Slot用法(组件间通信一种方式)
前端·javascript·vue.js
GISer_Jing6 小时前
【React】增量传输与渲染
前端·javascript·面试