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
网友评论