前端进阶之路：点击事件绑定与h5开发

经验证明我过于自信。
实际而言，在产品管理中，并非一次性就能全面了解所有需求。
具体来说，
这一抽奖功能需要进行A/B测试，
只有约一半的用户将会体验到这一功能。

这表明用户页面中很可能不存在 btn 这个元素，则 btn.addEventListener(...) 这一行为将导致错误抛出。因此，在为按钮绑定事件处理函数之前必须确保进行判断：

if (btn) {

btn.addEventListener(‘click’, function () {

BX.luckyDraw()

}, false)

}

// other codes…

if (btn) {

btn.addEventListener(‘click’, function () {

BX.track(‘lucky-draw’)

}, false)

}

尽管这种代码在所有用户界面中都能稳定运行,然而这些预设判断给人一种不愉快的感觉.为了消除疑惑,我特意向有经验的前辈请教.年长的前辈温柔地注视着我说话,并引用了一句经典的教诲.

傻瓜，为什么不用万能的 jQuery 呢？

最初的时候

最初的时候

于是，我的代码变成了以下这样：

var btn = (‘#lucky-draw’)

$btn.on(‘click’, function () {

BX.lucky