一些技巧

最新推荐文章于 2024-07-22 23:50:12 发布

转载最新推荐文章于 2024-07-22 23:50:12 发布 · 63 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yang0902/p/5722642.html

本文介绍几种JavaScript中的实用技巧，包括布尔值转换、字符串转数字及使用立即执行函数表达式(IIFE)防止全局污染的方法。同时，还提供了一个利用闭包改进事件监听的例子。

这个技巧用的很多，也非常的简单

!!'foo'

通过两个取反，可以强制转换为Boolean类型。较为常用。

这个也特别简单，String转化为Number

+'45'
+new Date

会自动转化为number类型的。较为常用。

这个其实非常有实用价值，不算是装逼。只是其他语言里没有这么玩的，给不太了解js的同学看那可牛逼大了。

(function(arg) {
    // do something
})(arg)

实用价值在于可以防止全局污染。不过现在随着ES2015的普及已经没什么必要用这个了，我相信五年之后，这种写法就会逐渐没落。

事件响应前端肯定都写烂了，一般来说如何写一个计数器呢？

var times = 0
var foo = document.querySelector('.foo')
foo.addEventListener('click', function() {
    times++
    console.log(times)
}, false)

好像是没什么问题哦，但是！变量times为什么放在外面，就用了一次放在外面，命名冲突了怎么办，或者万一在外面修改了怎么办。

这个时候这样一个事件监听代码就比较牛逼了

foo.addEventListener('click', (function() {
    var times = 0
    return function() {
        times++
        console.log(times)
    }
})(), false)

转载于:https://www.cnblogs.com/yang0902/p/5722642.html