前言
农历2019即将过去，趁着年前几天上班事情少，整理了一下javascript的基础知识，在此给大家做下分享，喜欢的大佬们可以给个小赞。本文在github也做了收录。
本人github: github.com/Michael-lzg
JavaScript 是弱类型语言，而且 JavaScript 声明变量的时候并没有预先确定的类型，变量的类型就是其值的类型，也就是说变量当前的类型由其值所决定,夸张点说上一秒种的 String，下一秒可能就是个 Number 类型了，这个过程可能就进行了某些操作发生了强制类型转换。
js 数据分为两种类型：原始数据类型和引用数据类型。
- 基本数据类型有：string、number、boolean、undefined、null 和 symbol（符号）
- 引用数据类型有：Object、Function、Date、RegExp 等。
基本数据类型的特点
- 基本数据类型是按值访问的，就是说我们可以操作保存在变量中的实际的值；
- 基本数据类型的值是不可变的，任何方法都无法改变一个基本数据类型的值
let name = 'zhangsan'
name.substr()
console.log(name) // 输出：zhangsan
let age = 'firstblood'
age.toUpperCase()
console.log(age) // 输出：firstblood
substr()和 toUpperCase()方法后返回的是一个新的字符串，跟原来定义的变量 name 并没有什么关系。
- 基本数据类型不可以添加属性和方法
let user = 'zhangsan'
user.age = 18
user.method = function() {
console.log('12345')
}
console.log(user.age) // 输出：undefined
console.log(user.method) // 输出：undefined
- 基本数据类型的赋值是简单的赋值(不影响原变量的值)
let a = 18
let b = a
a++
console.log(a) // 输出：19
console.log(b) // 输出：18
- 基本数据类型的比较是值的比较
var a = '{}'
var b = '{}'
console.log(a === b) // 输出：true
- 基本类型的值在内存中占据固定大小的空间，被保存在栈内存中
引用数据类型
引用类型是存放在堆内存中的对象，变量其实是保存的在栈内存中的一个指针（保存的是堆内存中的引用地址），这个指针指向堆内存。
var obj1 = new Object()
var obj2 = obj1
obj2.name = '我有名字了'
console.log(obj1.name) // 我有名字了
数据类型转换
转为字符串
1、toString()方法：注意，不可以转 null 和 underfined 2、String()方法：都能转
let ab = 'zhangsan'
let bc = null
let cd = undefined
console.log(ab.toString()) // 输出：zhangsan
console.log(bc.toString()) // error 报错
console.log(cd.toString()) // error 报错
console.log(String(ab)) // 输出：zhangsan
console.log(String(bc)) // 输出：null
console.log(String(cd)) // 输出：undefined
3、隐式转换：num + ""，当 + 两边一个操作符是字符串类型，一个操作符是其它类型的时候，会先把其它类型转换成字符串再进行字符串拼接，返回字符串
var a = true
var str = a + ''
console.log('str')
转为数值类型
1、Number()：可以把任意值转换成数值，如果要转换的字符串中有一个不是数值的字符，返回 NaN
2、parseInt()/parseFloat():parseFloat()把字符串转换成浮点数,parseFloat()和 parseInt 非常相似，不同之处在与 parseFloat 会解析第一个. 遇到第二个.或者非数字结束如果解析的内容里只有整数，解析成整数。
var a = '12.3px'
console.log(parseInt(a)) // 12
console.log(parseFloat(a)) // 12.3
let b = 'abc2.3'
console.log(parseInt(b)) //NAN
console.log(parseFloat(b)) //NAN
3、隐式转换
var str = '123'
var num = str - 1
console.log(num) // 122
4、isNaN()函数用于判断是否是一个非数字类型，如果传入的参数是一个非数字类型，那么返回 true，否则返回 false
转换为 Boolean()
除了 0 ''(空字符串) null undefined NaN 会转换成 false 其它都会转换成 true
判断 JS 数据类型
1、typeof()函数
对于原始数据类型，我们可以使用 typeof()函数来判断他的数据类型。但他是没法用来区分引用数据类型的，因为所有的引用数据类型都会返回"object"。
typeof 'seymoe' // 'string'
typeof true // 'boolean'
typeof 10 // 'number'
typeof Symbol() // 'symbol'
typeof null // 'object' 无法判定是否为 null
typeof undefined // 'undefined'
typeof {} // 'object'
typeof [] // 'object'
typeof (() => {}) // 'function'
2、instanceof
对于引用类型我们使用 instanceof 来进行类型判断。
var obj = {}
obj instanceof Object //true
var arr = []
arr instanceof Array //true
3、Object.prototype.toString.call()
在 javascript 高级程序设计中提供了另一种方法，可以通用的来判断原始数据类型和引用数据类型
var arr = []
Object.prototype.toString.call(arr) == '[object Array]' //true
var func = function() {}
Object.prototype.toString.call(func) == '[object Function]' //true
4、constructor
constructor 作用和 instanceof 非常相似。但 constructor 检测 Object 与 instanceof 不一样，还可以处理基本数据类型的检测。
var aa = [1, 2]
console.log(aa.constructor === Array) //true
console.log(aa.constructor === RegExp) //false
console.log((1).constructor === Number) //true
var reg = /^$/
console.log(reg.constructor === RegExp) //true
console.log(reg.constructor === Object) //false
javascript 的内置方法
- toString()方法返回一个表示该对象的字符串。
- valueOf()方法返回指定对象的原始值。
var str = new String('123')
console.log(str.valueOf()) //123
var num = new Number(123)
console.log(num.valueOf()) //123
var date = new Date()
console.log(date.valueOf()) //1526990889729
var bool = new Boolean('123')
console.log(bool.valueOf()) //true
var obj = new Object({
valueOf: () => {
return 1
}
})
console.log(obj.valueOf()) //1
valueOf() 和 toString()在特定的场合下会自行调用。
包装对象（wrapper object）
先来看一个例子
let name = 'marko'
console.log(typeof name) // "string"
console.log(name.toUpperCase()) // "MARKO"
name 类型是 string，属于基本类型，所以它没有属性和方法，但是在这个例子中，我们调用了一个 toUpperCase()方法，它不会抛出错误，还返回了对象的变量值。 原因是基本类型的值被临时转换或强制转换为对象，因此 name 变量的行为类似于对象。name.toUpperCase()在幕后看起来如下：
console.log(new String(name).toUpperCase()) // "MARKO"
除 null 和 undefined 之外的每个基本类型都有自己包装对象。也就是：String，Number，Boolean，Symbol 和 BigInt。
