JS变量

花田与歌i
124 阅读5分钟

JS 变量

变量是什么

  • 变量：把用户输入的数据存储起来，存储数据的容器///也可以简单的称为一个装东西的盒子
  • 注意：变量不是数据本身，他们仅仅是一个用于存储数据的盒子

变量基本使用：

  1. 声明变量：创建变量根声明变量是同一个意思，更专业的说法是声明变量

    • 语法: let 变量名
    • 声明变量有两部分构成：声明关键字，变量名（标识）
    • let即关键字（let：允许，许可，让，要）所谓关键字是系统提供的专门用来声明（定义）变量的词语

  2. 变量赋值：定义了一个变量后，你就能够初始化他的赋值，在变量名之后跟上一个“=”。然后是数值

    • 图下解析

  3. 更新变量后，还可以通过简单的给他一个不同的值来更新他

    • 以下为错误下法

  4. 声明多个变量： 一次性声明多个变量，也同时赋值！

    • let age = 18 , name = 15 ;

课堂案例解析

  1. 这个案例的思路在于要多创建一个变量，来存放临时的数据，即可
  2. 指的是temp是个临时的容器，，第一步先把num1的值存放到temp容器里
  3. 接着num1的值更新变量成num2的值，此时num1的值等于num2的值
  4. num2的值等于之前存放num1的值，就要找到temp容器，使得num2的值等于temp，而temp容器里面的值就是之前num1的值，所以得出想要的结果！

变量的本质

  1. 内存计算机存储数据的地方，相当于一个内存空间
  2. 变量是程序在内存中申请的一块用来存放数据的小空间
    • 可以理解为写代码的时候越简洁越好，这样浏览器运行的速度会越快

变量的命名规则与规范

  • 必须遵守，不遵守报错
  • 规范：建议，不遵守不会报仇，但不符合业内通识

  1. 规则：

    • 不能用关键字：有特殊含义的字符，JS内置的一些英语词汇，例如let,var,if,for等
    • 只能用下划线，字母，数字，￥组成。且不能用数字开头。
    • 字母严格区分大小写，如Age和age是不同的变量。

    最后，初学者还不太会创建变量和起那些名字

    多学习老师的命名即可

    多敲上课的代码的时候，命名规则，自然就熟悉了！

  2. 规范：

    • 起名要有意义

    • 遵守小驼峰命名法

    • 第一个单词手写字母小写，后面每个单词首字母大写。例如userName

    • let height='100';不规范，不推荐
let userName = '姓名'推荐
let userHeight = '100'推荐

数据类型！重要

  1. 基本数据类型：

    • number数字型

    • string字符串型

      • 字符串拼接：拼接字符串和变量，在没有它之前，要拼接的
      • 图上为最新的拼接方式先用反引号，键盘左上角，数字1左边。
      • 而且在反引号中，变量要在里面。才能生效。这是推荐的固定用法；所以，∗∗反引号和{}里面。才能生效。这是推荐的固定用法；所以，**反引号和{}两个是一堆，需要配套出现**！否则报错不生效！这种拼接也被称为模板字符串！

    **补充：**只要有单引号或者双引号标注着的内容，都被称为字符型。

    期间个人理解

    prompt（''）输入语法；是给用户的操作框，用来收集数据，配合变量let使用

    • 例如let name = prompt('')；解析**：let定义的值，等于用户输入的值**

    • 接着再用输出语法document.write输出在body里显示用户输入的内容。

    声明：以上两种类型使用加号 + 功能不一样

    数字类型使用 + 表示数字的相加

    字符串类型 使用加号 + 表示两端文字的拼接

    • boolean 布尔型 2. 只有两种值，真 true 假 false
    • undefined未定义型 2. 当我们发现这个数据是 undefined 提醒我们是不是忘记给某个变量赋值了，用来提醒纠正我们写代码。！ 3. 总结
    • null空类型

对于我们初学者来说，只要发现了undefined或者null以上两个类型，就相当于变量还没有拿到合适的值。（做了解）简单大白话：遇到了就代表出现问题了。

  • 比较抽象的解析，后续慢慢理解！

控制台输出语句和检测数据类型

  1. 通过typof 关键字检测数据类型

    console.log(typeof xxx)xxx代表需要测试的类型。

类型转换

  1. 隐式装欢：

    • +号两边只要有一个是字符串，都会把另外一个转换成字符串
    • 除了+以外的算数运算符，比如- * /等都会把数据转换成数字类型

    缺点：转换类型不明确，靠经验才能总结

    小技巧：+号作为正号解析可以转换成number

    工作中 比较常用的隐式转换写法

    let num2 = '2'
let nu3 = num2 - 0 ;   这是一种方法 （下面方法更简洁）
let num4 = +num2 ;这也是可以的，但是这个工作中经常用。（推荐）

  2. 显示转换：

    • Number(数据)

    • 
例如：let num1 = '123';
let num2 = Number(num1);基本使用

    • 如果字符串内容有非数字，转换失败时结果为NaN(Not a Number)既不是一个数字

    • NaN也是number类型的数据，代表非数字

    • parseInt(数据)；只保留整数
parseFloat(数据)；可以保留小数

  3. 把内容转换字符串方法：

    • let str = 123 + '';隐式转换 （常用）
let str = String(num1)；显示转换 （常用）
let str = num1.toString();常用

    • 三种都比较常用，作了解，对比工作中哪种方法更适合用哪一种。

    • 图上为解析，好理解

  4. 引用数据类型：

    • objcet对象
    • function函数
    • array数组

分享工作知识：

  1. document.write 可以把一个标签的形式字符串重新插入到body标签中
  2. 写标签字符窜的时候，如果要换行，只能使用 反引号
  3. 如果没有换行，用哪种方式都可以
  4. 只要是写标签字符串，都可以使用反引号-模板字符串
  5. 不要直接再字符串里面一个一个字母写标签
  6. 要在body标签中使用快捷键生成标签，然后再赋值回去。
avatar
文章
阅读
粉丝