JavaScript变量和数据类型

1.变量

平时开发中，使用最多的并不是固定的数据, 而是会变换的数据

如果我们希望记录某一个之后会变量的数据，在JavaScript中我们可以定义一个变量

一个变量，就是一个用于存放数值的容器
这个数值可能是一个用于计算的数字，或者是一个句子中的字符串，或者其他任意的数据
变量的独特之处在于它存放的数值是可以随时改变的

1.1命名方式

// 定义一个变量
// 第一步： 变量的声明（高级js引擎接下来我要定义一个变量）
// var关键字
// 第二步: 变量的赋值(使用=赋值即可)
// var currentTime = "16:00"

// 其他的写法一:
// var currentTime;
// currentTime = "16:02";
// currentTime = "17:00";

// 其他的写法二: 同时声明多个变量(不推荐, 阅读性比较差)

// 不推荐使用name作为变量名
// 因为name在js中存在特殊的含义
// 在浏览器中全局的name为空字符串
// 在函数中name的值为当前的函数名

// var name, age, height
// name = "wjl"
// age = 18
// height = 1.88
var name = "why", age = 18, height = 1.88;

// 补充:
// 1.当我们打印变量时, 实际上是在打印变量中保存的值
// 2.console.log(参数1, 参数2, 参数3...........)
console.log(name, age, height);

1.2命名规范

变量命名规则：必须遵守

第一个字符必须是一个字母、下划线( _ )或一个美元符号( $ )
其他字符可以是字母、下划线、美元符号或数字
不能使用关键字和保留字命名
- 关键字 --- JS中具有特定含义或起到关键作用的单词，例如var，function，let，const等
- 保留字 --- 目前不是JS的关键字，但是在未来的某一天可能成为JS的关键字的单词，例如enum. interface等
变量严格区分大小写

变量命名规范：建议遵守

多个单词使用驼峰标识
- 主要以小驼峰为主
- 某些特定情况下，使用大驼峰，如定义类名，构造函数名等
赋值 = 两边都加上一个空格
变量应该做到见名知意

2.注意事项

如果一个变量未声明(declaration)就直接使用，那么会报错
如果一个变量有声明，但是没有赋值，那么默认值是undefined，也就是说变量的默认值是undefined
如果没有使用var声明变量也可以，但是不推荐（事实上会被添加到window对象上）
不使用var/let/const也可以声明一个变量，这种变量本质也是一个全局变量，且这种变量被称之为隐式全局变量 --- 不推荐

3.typeof 操作符

因为 ECMAScript 的类型系统是松散的，所以需要使用typeof操作符来确定任意变量的数据类型

使用 typeof 操作符会返回如下结果中的一种:

结果	说明
number	值的类型为数值
string	值的类型为字符串
boolean	值的类型为布尔类型
undefined	值的类型为undefined
object	`值的类型为object或null` 因为null一般用来表示一个对象为空在JS中，typeof 对象(除函数外)结果都是object，包括set，map，数组等
function	值的类型为函数
symbol	值的类型为symbol

    // 1.typeof基本演练
    var info = "wjl"
    // info = 18
    // info = {}
    console.log( typeof info )

    // 2.typeof的其他类型
    var age
    console.log(typeof age)

    // 3.null的操作
    var address = null
    console.log(typeof address)


    // 4.()的作用
    // ()表示的是调用函数
    // alert()

typeof()的用法：

你可能还会遇到另一种语法：typeof(x)，它与 typeof x 相同；

typeof是一个操作符，并非是一个函数，()只是将后续的内容当做一个整体而已；

var result = (2 + 3) * 4

console.log(typeof(info))

4.数据类型

JavaScript 中的值都具有特定的类型

我们可以将值赋值给一个变量，那么这个变量就具备了特定的类型

且在JavaScript中，变量值的类型是不固定的

一个变量可以在前一刻是个字符串，下一刻就存储一个数字

这种变量值类型不确定的语言就被称为“动态类型”(dynamically typed)语言

// JS中变量不需要指定对应的变量类型
// JS在解析到具体行的时候，会自动推导出变量所对应的变量类型
    // 一串文本组成, 称之为是一个字符串
    var description = "了解真相, 你才能获得真正的自由!"
    description = 123
    console.log(description)

    // 其他语言中声明一个变量如何指定类型
    // java
    // String description = "了解真相, 你才能获得真正的自由!";
    // description = 123
    // swift: 自动类型推导
    // var description = "了解真相, 你才能获得真正的自由!"
    // description = 123

在JavaScript中，一共有8中数据类型，分别是7种基本数据类型语言和1种复杂数据类型

7种基本数据类型 --- 值类型，原始数据类型

Number
String
Boolean
Null
Undefined
BigInt
Symbol

1种复杂数据类型 --- 引用类型 --- 本质是将任意个，任意类型的基本数据类型组合在一起进行使用

Object

4.1Number

Number 类型用于任何类型的数字: 整数或浮点数

数字number可以有很多操作，比如，乘法 *、除法 /、加法 +、减法 - 等等

除了常规的数字，还包括两个的“特殊数值(“special numeric values”)”，这两个特殊的数值也属于Number类型

Infinity:代表数学概念中的 无穷大 ∞
也可以使用-Infinity表示负无穷大
在js中 1 / 0得到的结果就是无穷大
Infinity和-Infinity 这2个关键字的首字母都是大写的
NaN --> not a number
- NaN 代表一个计算错误, 一般是一个错误的操作所得到的结果，比如字符串和一个数字相乘
- 可以使用isNaN函数来判断一个数值是不是NaN，如果是，该函数会返回true，否则返回false
- 任何的值和NaN进行比较的时候，结果都为false，包括是NaN和其自身进行比较

var result = 3 * "abc" // result -> NaN
const num = 23 // num -> number

console.log(isNaN(result)) // => true
console.log(isNaN(num)) // => false

数字类型也有其他的进制表示方法，在JS中，可以表示十进制、十六进制、二进制、八进制

// 十进制
const num = 100

// 二进制 -> 0b中的b不区分大小写
const bin = 0b100

// 八进制 -> 0o中的o不区分大小写
const oct = 0o100

// 十六进制 -> 0x中x不区分大小写
const hex = 0x100

// 无论变量使用什么进制进行编写
// 输出的最终结果默认都是十进制
console.log(num, bin, oct, hex) // => 100 4 64 256

数字表示的范围:

最小正数值:Number.MIN_VALUE, 小于这个的数字会被转化为0
最大正数值:Number.MAX_VALUE

MIN_VALUE和MAX_VALUE都是Number对象的常量属性

所以这两个属性的名称使用全部大写的形式进行表示

4.2String

在开发中我们经常会有一些文本需要表示，这个时候我们会使用字符串String

在JS中，字符串可以使用单引号，双引号和反引号进行包裹

单引号和双引号是没有任何的区别的

而反引号中，可以使用${}来嵌入变量和JS表达式，并且反引号包裹的字符串可以进行换行书写


    // 2.别的引号的使用
    // 单引号
    var message1 = 'Hello World'
    // 双引号
    var message2 = "Hello World"
    // 反引号(ES6新增语法)
    // ${变量/表达式}
    var message3 = `Hello World, ${name}, ${2 + 3}`

注意:

字符串的前后引号类型必须一致
字符串中的不同引号类型之间不可以混用
一个字符串可以包含 0 个或多个字符，所以没有单独的单字符类型

除了普通的可打印字符以外，一些有特殊功能的字符可以通过转义字符的形式放入字符串中

var nickname = "coderwjl"
var info = "my name is "

// 字符串拼接 --- ES5的传统拼接
var infoStr2 = info + nickname

// 字符串拼接 --- ES6的模板字符串
var infoStr = `my name is ${nickname}` // 推荐(babel)

const str = 'Hello World'

// length属性可以获取字符串的长度

// 一个基本类型之所以可以调用属性
// 是因为在调用属性的时候，会转换为对应的包装类类型后，才可以去调用对象的属性
console.log(str.length) // => 11

4.3Boolean

Boolean(布尔)类型用于表示真假

Boolean 类型仅包含两个值: true (真) 和 false (假)

   // 1.Boolean基本使用
    var isLogin = false
    var isAdmin = true

4.4Undefined

undefined 类型只有一个值，那就是 undefined

如果我们声明一个变量，但是没有对其进行初始化时，它默认就是undefined

当我们去取对象上的某个属性的时候，如果这个属性不存在，那么默认取到的值也是undefined

    var message
    var info = undefined // 不推荐

    console.log(message, info)

注意:

在定义变量的时候，尽可能对变量进行初始化，而不是使用默认值undefined
不推荐显示的将一个变量赋值为undefined
如果变量刚开始什么都没有，我们可以初始化为0、空字符串、null等值；

4.5Object

Object 类型是一个特殊的类型，我们通常把它称为引用类型或者复杂类型

其他的数据类型我们通常称之为 “原始类型”，因为它们的值只包含一个单独的内容（字符串、数字或者其他）

而Object类型的变量保存的是数据的值在内存中的引用地址

在编程语言中，指针和引用的含义是一致的，他们都是指在内存中的某一块地址

Object往往可以表示一组数据，是将多个相关联的变量组合在一起形成的一个集合在JavaScript中我们可以使用花括号{} 的方式来表示一个对象；

// 在JavaScript中我们可以使用 花括号 来定义对象
  var person = {
  // 属性名 : 属性值
  name: 'wjl',
  // 多个属性之间使用 逗号 进行分割
  // 最后一个属性后的逗号省略
  age: 18
}

// 我们可以通过点语法获取对象中的属性
console.log(person.name)

// 我们也可以通过中括号语法来获取对象的属性
// 如果使用中括号语法去获取对象的属性的时候，中括号中存放的是存储属性名的变量
const key = 'name'
console.log(person[key])

4.6Null

Null 类型同样只有一个值，即 null

null值用于表示暂时未知的值

// null类型通常用来表示一个对象为空
// 所以通常我们在给一个对象进行初始化时，会赋值为null
// 因此 null 可以看成是object的附属类型
// null一般之和object类型的值一起结合使用
let obj = null

// 有的时候，我们可能会使用空对象来对对象进行初始化赋值
// 但是这是不推荐的
// 1. null指向的内存地址是0x0, 也就是一块特殊的内存地址，其并不会在堆内存中创建任何的内容
//    但是{}本质上只是一个没有任何属性的对象，所以其依旧会在内存中创建对应的地址空间来进行存储

// 2. if(条件) { ... } 
//    if之类的条件判断语句会自动将条件转换成boolean类型值
//    null转boolean结果为false 可以直接使用
//    {} 转boolean结果为true 不可以直接使用，容易出现bug
let obj = {}

5据类型转换

在开发中，我们会经常需要对数据类型进行转换

大多数情况下，运算符和函数会自动将赋予它们的值转换为正确的类型, 这是一种隐式转换

这种由JS Engine自动帮助我们完成的类型转换被称之为隐式转换

5.1其它类型转String

隐式转换

其他类型经常需要转换成字符串类型，比如和字符串拼接在一起或者使用字符串中的方法

一个字符串和其他类型进行+操作

如果+运算符左右两边有一个是字符串，那么另一边会自动转换成字符串类型进行拼接

某些函数的执行也会自动将参数转为字符串类型

例如 alert函数，prompt函数等

    var num1 = 123
    var age = 18
    var isAdmin = true

    // 1.转换方式一: 隐式转换(用的非常多)
    var num1Str = num1 + ""
    var ageStr = age + ""
    var isAdminStr = isAdmin + ""
    console.log(typeof num1Str, typeof ageStr, typeof isAdminStr)

显示转换

String函数
toString方法

console.log(typeof String(234)) // => string

// 1. null和undefined是没有办法调用方法的，所以他们不可以使用toString方法转换为字符串类型
// 2. 在JS中所有的Number按照浮点数进行解析
//    所以123.toString()会被解析为123.0toString() --> 此时JS Engine在进行解析的时候，就会报错
//    所以需要在123外包裹一个括号，以表示他们是一个整体 --> (123).toString() 此时浏览器就可以正常解析
//    同样的 123..toString() 123.0.toString() (new Number(123)).toString() 123. .toString()
//    也可以完成相应的功能，但是他们的阅读性没有(123).toString()好，所以并不推荐
console.log(typeof (123).toString()) // => string

// 3. {}.toString 是会报错的，因为JS引擎会将{}解析为代码块，代码块是无法调用方法的
//    同理function() {}.toString()也是会报错的，其{}也会被解析为代码块
//    如果要可以直接调用toString方法，需要使用小括号进行包裹，以表示他们是一个整体
console.log(({}).toString())
console.log((function() {}).toString())

// 数组可以直接调用toString方法，不需要使用小括号进行包裹
console.log([].toString())

5.2其它类型转Number