我的技术记录

Appearance

数据类型 ​

基本数据类型 ​

数字类型（Number） ​

即我们数学中学习到的数字，可以是整数、小数、正数、负数。

js
let age = 18 // 整数
let price = 88.99 // 小数

JavaScript 中的正数、负数、小数等 统一称为 数字类型。

TIP

JS 是弱数据类型，变量到底属于那种类型，只有赋值之后，我们才能确认

Java是强数据类型 例如 int a = 3 必须是整数

数字可以有很多操作，比如，乘法 * 、除法 / 、加法 + 、减法 - 等等，所以经常和算术运算符一起。 数学运算符也叫算术运算符，主要包括加、减、乘、除、取余（求模）。

  • +：求和
  • -：求差
  • *：求积
  • /：求商
  • %：取模
    • 开发中经常作为某个数字是否被整除

能说出JavaScript算术运算符执行的优先级顺序

同时使用多个运算符编写程序时，会按着某种顺序先后执行，我们称为优先级。

JavaScript中 优先级越高越先被执行，优先级相同时以书从左向右执行。

  • 乘、除、取余优先级相同
  • 加、减优先级相同
  • 乘、除、取余优先级大于加、减
  • 使用 () 可以提升优先级
  • 总结： 先乘除后加减，有括号先算括号里面的~~~

NaN 代表一个计算错误。它是一个不正确的或者一个未定义的数学操作所得到的结果

js
console.log('老师' - 2) // NaN

NaN 是粘性的。任何对 NaN 的操作都会返回 NaN

js
console.log(NaN + 2) // NaN

字符串类型（String） ​

通过单引号（ ''） 、双引号（ ""）或反引号( ` ) 包裹的数据都叫字符串，单引号和双引号没有本质上的区别，推荐使用单引号。

js
let uname = 'fans' // 使用单引号
let gender = "男" // 使用双引号
let goods = `我是模板字符串` // 使用反引号
let tel = '15656576481' // 看上去是数字，但是引号包裹了就是字符串
let str = '' // 这种情况叫空字符串

TIP

  • 无论单引号或是双引号必须成对使用
  • 单引号/双引号可以互相嵌套，但是不以自已嵌套自已（口诀：外双内单，或者外单内双）
  • 必要时可以使用转义符 \，输出单引号或双引号

字符串拼接

场景： + 运算符 可以实现字符串的拼接。

口诀：数字相加，字符相连

js
document.write('我叫'+'fans') // 我叫fans
let uname = 'fans'
let like = '爱拼才会赢'
document.write(uname + like) // fans爱拼才会赢

模板字符串

  • 使用场景
    • 拼接字符串和变量
    • 在没有它之前，要拼接变量比较麻烦
js
document.write('hello,我叫' + name + ',今年' + age + '岁')
  • 语法
    • ``(反引号)
    • 在英文输入模式下按键盘的tab键上方那个键（1左边那个键）
    • 内容拼接变量时，用 ${ } 包住变量
js
document.write(`大家好，我叫${name},今年${age}岁`)

布尔类型（boolean） ​

表示肯定或否定时在计算机中对应的是布尔类型数据。

它有两个固定的值 true 和 false，表示肯定的数据用 true（真），表示否定的数据用 false（假）。

js
// JavaScript 好玩不？
let isCool = true
console.log(isCool)

未定义类型（undefined） ​

未定义是比较特殊的类型，只有一个值 undefined。

只声明变量，不赋值的情况下，变量的默认值为 undefined，一般很少【直接】为某个变量赋值为 undefined。

js
let age // 声明变量但是未赋值
console.log(age) // 输出 undefined

工作中的使用场景

我们开发中经常声明一个变量，等待传送过来的数据。

如果我们不知道这个数据是否传递过来，此时我们可以通过检测这个变量是不是undefined，就判断用户是否有数据传递过来。

null（空类型） ​

JavaScript 中的 null 仅仅是一个代表“无”、“空”或“值未知”的特殊值

js
let obj = null
console.log(obj) // null

null 和 undefined 区别：

  • undefined 表示没有赋值
  • null 表示赋值了，但是内容为空

null 开发中的使用场景：

官方解释：把 null 作为尚未创建的对象

大白话： 将来有个变量里面存放的是一个对象，但是对象还没创建好，可以先给个null

检测数据类型 ​

通过 typeof 关键字检测数据类型 ​

typeof 运算符可以返回被检测的数据类型。它支持两种语法形式：

  1. 作为运算符： typeof x （常用的写法）
  2. 函数形式： typeof(x)

换言之，有括号和没有括号，得到的结果是一样的，所以我们直接使用运算符的写法。

js
let age = 18
let uname = 'fans'
let flag = false
let buy
console.log(typeof age) // number
console.log(typeof uname) // string
console.log(typeof flag) // boolean
console.log(typeof buy) // undefined

类型转换 ​

为什么需要类型转换 ​

JavaScript是弱数据类型： JavaScript也不知道变量到底属于那种数据类型，只有赋值了才清楚。

坑： 使用表单、prompt 获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算。

js
console.log('1000' + '2000') // 输出结果 10002000

此时需要转换变量的数据类型。

通俗来说，就是把一种数据类型的变量转换成我们需要的数据类型。

隐式转换 ​

某些运算符被执行时，系统内部自动将数据类型进行转换，这种转换称为隐式转换。

规则：

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

缺点：

  • 转换类型不明确，靠经验才能总结

小技巧：

  • +号作为正号解析可以转换成数字型
  • 任何数据和字符串相加结果都是字符串
js
console.log(11 + 11) //22
console.log('11' + 11) //1111
console.log(11 - 11) //0
console.log('11' - 11) //0
console.log(1 * 1) //1
console.log('1' * 1) //1
console.log(typeof '123') //string
console.log(typeof +'123') //number
console.log(+'11' + 11) //22

显式转换 ​

编写程序时过度依靠系统内部的隐式转换是不严谨的，因为隐式转换规律并不清晰，大多是靠经验总结的规律。为了避免因隐式转换带来的问题，通常根据逻辑需要对数据进行显示转换。

概念：

自己写代码告诉系统该转成什么类型

转换为数字型

  • Number(数据)

    • 转成数字类型
    • 如果字符串内容里有非数字，转换失败时结果为 NaN (Not a Number) 即不是一个数字
    • NaN 也是 number 类型的数据，代表非数字

  • parseInt(数据)

    • 只保留整数

  • parseFloat(数据)

    • 可以保留小数