2020-02-26 工作记录知识点

1 判断浏览器页面是否处于focus状态:
    let isFoucs = 'hidden' in document ? true : 
                    'webkitHidden' in document ? true:
                    'mozHidden' in document ? true : false;

    document.onvisibilitychange = () => {
        alert(isFoucs)
    }

2 判断是否为数字

    let isNum = (n) => {
            return !isNaN(parseFloat(n)) && isFinite(n);
    }

    ps: 
        parseFloat()函数 解析一个参数（如果不是string时先转换为string）并返回一个浮点数。

3 判断是否为object
    1) 通过 typeof obj ===  'object' 就可以
    2) 通过以下方法
        const isObject = (obj) => obj === Object(obj);
        ps:
        (1)  Object方法 即使不是通过构造的形式（new的方式），
               也是相当于new Object()形式调用，Object(obj) 等同于 new Object(obj);
        (2)  》 如果是object类型调用Object方法时，则直接返回该对象本身。
               》如果不是object类型调用Object方法时，除了null ，undefined 会返回{}，
                    其余会返回该类型的构造函数new的对象，如 Object(9) 返回 如下对象类型 new Number(9)

                    注意不是Number(9) 因为其为number类型

4 判断是否为objectLike（纯对象或者类对象,如数组,Set,Map）

    const isObjectLike = (obj) =>  obj !== null && typeof obj === 'object'
     isObjectLike({})               // true
     isObjectLike([1,2,3,4])    //true
     isObjectLike(false)         // false
     ps: 
            typeof null === 'object'

5  判断是否为isPlainObject
（纯对象：是由Object构造函数创建的对象,就是 __proto__ 指向为Object.prototype）；

    const isPlainObject  = （val) =>  val !== val && typeof val === 'object' && val.constructor === Object
   
    ps:
        不能想当然的认为 val.constructor === Object 就可以判断，因为 val.constructor 如果提前赋值为Object ，那就可以伪造了 .如下：
        let f = () => {}
        alert(f.constructor) // Function
         f.constructor  = Object;
        alert(f.constructor) // Object
   ps: null === null ---> true
6  isValidJSON  判断给定的字符串是否是 JSON 字符串
     const isValidJSON = (str) => {
            try{
                JSON.parse(str);
                return true
            }
            catch(err){
                return false
            }
        }
        isValidJSON('{"name":"Adam","age":20}');       // true
        isValidJSON('{"name":"Adam",age:"20"}');       // false
        isValidJSON(null);                                            // true

        json对象的key 必须有引号
        Ps: 利用 try / catch  和JSON.parse如果不能转换则报错的特点 是个好方法

7   matches 
    此函数功能用于比较两个对象，以确定第一个对象是否包含与第二个对象相同的属性与值。
     const matches = (obj,source) => 
             Object.keys(source).every(key => obj.hasOwnProperty(key) && obj[key] === source[key])

    matches({age:25,hair:'long',beard:true},{hair:'long',beard:true});            // true
    matches({hair:'long',beard:true},{age:25,hair:'long',beard:true});           // false