慕课网——JavaScript深入浅出笔记

视频：JavaScript深入浅出视频

书籍：《JavaScript权威指南》

参考文档：火狐MDN

---

第一章 数据类型

一、六种数据类型（弱类型特性）

1. 原始类型：number、string、boolean、null、undefined
2. 对象类型：Object对象：Function、Array、Date...
3. 隐式转换

• + 和 -
• 1. num-0 : string -> number
• 2. num+'' : number -> string
• a == b
• 1. "123" == 123 //为true "123"->123 == 123
• 2. 比较都是任何类型先转换成数字再进行比较
• 3. new String('hi') == 'hi' //为true 对象先转换成基本类型
• a === b
• 1. 类型不同，返回false
• 2. 类型相同，转换后相等为true，不等为false
• 3. 注意：

null===null (true)
undefined===undefined (true)
NaN===NaN (false)
new Object() === new Object() (false) js对象是按照引用比较而不是按值比较的
[1,2]===[1,2] (false) 数组是一个对象，数组对象不相等

4. 包装对象

    var str = "string"; //str 基本（原始）类型 值为string
    var strObj = new String("string); //包装对象 值为string
    // 打印str 为 "string"
    // 打印strObj 为 String对象

    str.length // 出来6
    str.t = 10;
    str.t //重新打印str.t 为undefined
    //原因在于：基本类型访问包装对象原有属性可以显示，其他新设置的属性不行，因为基本类型
使用时是暂时转换成包装对象调用的，用完就会被销毁掉，这种只是一个临时对象

5. 类型检测

• (1) typeof 返回字符串，适合Function、基本类型

    typeof 100 //"number"
    typeof true //"boolean"
    typeof function //"function"
    typeof undefined //"undefined"
    typeof new Object() //"object"
    typeof [1,2] //"object"
    typeof NaN //"number"
    typeof null //"object"

• (2) obj instanceof Object 对象判断，基于原型链

    //obj instanceof Object
    //obj:必须是对象，如果obj为非对象，则返回false
    //Object:必须是函数对象或者函数构造器，如果Object为非函数对象或者非函数构造器，
则会抛出异常
    //原理：判断左边的左操作数的对象的原型链是否为右边构造函数的prototype属性
    
    [1,2] instanceof Array //true
    new Object() instanceof Array //false
    //构造函数都有prototype属性，用来new对象，构造原型

    function Person(){} //构造Person函数对象，prototype属性
    function Student(){} //构造Student函数对象，prototype属性
    Student.prototype = new Person() //把Student函数对象的prototype指向Person
    //即Student.prototype -> Person.prototype
    var one = new Person();
    one instanceof Person //true
    one instanceof Student //false
    var bosn = new Student()
    bosn instanceof Student //true
    bosn instanceof Person //true
    //有继承关系的一级一级找，找到就返回true，找不到就返回false
    //js是按照引用判断对象的，注意不同window或者iframe访问的对象类型检测不能使用instanceof

• (3) Object.prototype.toString

    Object.prototype.toString.apply([]); //返回"[object Array];
    Object.prototype.toString.apply(function(){}); //返回"[object Function"]
    Object.prototype.toString.apply(null); //返回"[object Null]"
    Object.prototype.toString.apply(undefined); //返回"[object Undefined]"
    注意：IE678中Object.prototype.toString.apply(null);返回的是"[object Object]", 
存在兼容性问题

• (4) 不常见的类型检测有construct属性（原型），但可改写，要小心；
• (5) 不常见的类型检测有duck type length 数字，通过特征返回类型；两种不常见的有兴趣可以查阅下
• 小结：
• 1. typeof 适合基本类型及function检测，遇到null失效
• 2. Object.prototype.toString 适合内置对象和基本类型，数组，函数等，遇到null失效，IE678不兼容
• 3. instanceof 适合对象（自定|原生） 不同window和iframe失效

6. 编程练习

/**
1. 判断两个数组相似，类型相同，顺序可不同，长度一致
2. 区别String,Boolean,Number,undefined,null,function,date,window
*/

//类型判别函数
function type(a){
    return a===null?'[object Null]':Object.prototype.toString.apply(a); //hack ie678
}
function arraysSimilar(arr1,arr2){
    if(!Array.isArray(arr1)||!Array.isArray(arr2)||arr1.length!= arr2.length){
        return false;
    }
    var arr3 = [];
    var arr4 = [];
    for(var i in arr1){
        arr3.push(type(arr1[i]));
        arr4.push(type(arr2[i]));
    }
    if(arr3.sort().toString()==arr4.sort().toString()){
        return true;
    }else{
        return false;
    }
}