首页 > 代码库 > javascript小技巧
javascript小技巧
1、如何识别一个数据类型是否是对象(someData):
(1)someData typeof ‘object‘ console.log({} typeof ‘object‘) // true console.log([] typeof ‘object‘) // true console.log(null typeof ‘object‘) // true 通过typeof无法识别一个数据是否是对象
(2)Object.prototype.toString.call(someData) === “[object Object]” console.log(Object.prototype.toString.call(obj)); //[object Object] console.log(Object.prototype.toString.call(arr)); //[object Array] console.log(Object.prototype.toString.call(null)); //[object Null]
2、一个简单的全局变量‘坑’
(function (){var a = b =3})() console.log(a)// undefined console.log(b)//3 上述解析中b是全局变量,a是局部变量
3、将 JavaScript 代码包含在一个函数块中有神马意思呢?为什么要这么做?
换句话说,为什么要用立即执行函数表达式(Immediately-Invoked Function Expression)。
IIFE 有两个比较经典的使用场景,一是类似于在循环中定时输出数据项,二是类似于 JQuery/Node 的插件和模块开发。
for(var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000); } 上面的输出并不是你以为的0,1,2,3,4,而输出的全部是5,
这时 IIFE 就能有用了: for(var i = 0; i < 5; i++) { (function(i) { setTimeout(function() { console.log(i); }, 1000); })(i) }
而在 JQuery/Node 的插件和模块开发中,为避免变量污染,也是一个大大的 IIFE: (function($) { //代码 } )(jQuery);
javascript小技巧