4.JS基础-变量类型和计算

typeof能判断哪些类型

typeof运算符：

• 识别所有值类型
• 识别函数
• 判断是否是引用类型（不可再细分）

变量计算

 字符串拼接

const a = 100 + 10  //110
const b = 100 + '10' //'10010'
const c = true + '10'  //'true10'

if语句和逻辑运算

• truly变量：!!a=== true的变量
• falsely变量：!!a === false的变量

何时使用=== 何时使用==

除了==null之外，其他都用===

值类型和引用类型的区别

深拷贝

/**
 * 深拷贝
 */

const obj1 = {
    age: 20,
    name: 'xxx',
    address: {
        city: 'beijing'
    },
    arr: ['a', 'b', 'c']
}

const obj2 = deepClone(obj1)
obj2.address.city = 'shanghai'
obj2.arr[0] = 'a1'
console.log(obj1.address.city)
console.log(obj1.arr[0])

/**
 * 深拷贝
 * @param {Object} obj 要拷贝的对象
 */
function deepClone(obj = {}) {
    if (typeof obj !== 'object' || obj == null) {
        // obj 是 null ，或者不是对象和数组，直接返回
        return obj
    }

    // 初始化返回结果
    let result
    if (obj instanceof Array) {
        result = []
    } else {
        result = {}
    }

    for (let key in obj) {
        // 保证 key 不是原型的属性
        if (obj.hasOwnProperty(key)) {
            // 递归调用！！！
            result[key] = deepClone(obj[key])
        }
    }

    // 返回结果
    return result
}