JavaScript常用小技巧小结

前端之家收集整理的这篇文章主要介绍了JavaScript常用小技巧小结前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前言

总结一下最近接触到的JavaScript语法糖,与大家共享。

每块糖都有详细的说明和示例,就不多说了。

准确的类型检查

代码如下:
方法,可以检查某个变量是否为期望的数据类型 * @params: * obj 需要检查的变量,必选 * config 数据类型白名单,可选,默认为全部类型 * @return: * true 表示检查通过,false 未通过 * @examples: * typeCheck("str"); //return true * typeCheck({},{"[object Array]": 1}); //return false */ function typeCheck(obj,config){ var hasOp = Object.prototype.hasOwnProperty, toStr = Object.prototype.toString, _config = config || { "[object Object]": 1, "[object Array]": 1, "[object Regex]": 1, "[object String]": 1, "[object Number]": 1, "[object Boolean]": 1, "[object Function]": 1, "[object Undefined]": 1, "[object Null]": 1 };

return hasOp.call(_config,toStr.call(obj));
}

优雅的添加原型方法

代码如下:
添加原型方法 * 在公共作用域执行此代码片段即可 */ if(typeof Function.prototype.method !== "function") { Function.prototype.method = function(name,fn){ this.prototype[name] = fn; return this; }; } /* * 使用示例 */ //定义一个“测试类” function testFn(){ } //添加测试类的成员方法 testFn.method("add",function(a,b){ return a + b; }).method("sub",b){ return a - b; }); //实例化 var testObj = new testFn(); //调用成员方法 testObj.add(1,5); //return 6 testObj.sub(7,2); //return 5

快捷创建命名空间

代码如下:

原文链接:https://www.f2er.com/js/56615.html

猜你在找的JavaScript相关文章