#AI 编程# JS中问号还可以这样玩的,学到辽
没有系统学过前端JS,都是大概能看懂就上手代码了。
今天看了下todolist的前端代码,感觉稍微有点丑,大量if判断的,诸如:
const firstBtn = document.getElementById('pagination-first');
if (firstBtn) {
firstBtn.addEventListener('click', () => this.goToPage(1));
}
寻思着这种应该很常见,肯定有得美化的吧,就问了下DeepSeek,原来可以用问号来简化的:
const firstBtn = document.getElementById('pagination-first');
firstBtn?.addEventListener('click', () => this.goToPage(1));
瞬间,感觉优雅了好多啊……一顿改造,精简了300+行代码![[呲牙]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_2.cd1e2bd.png)
如果你对我的开源项目TodoList感兴趣,欢迎下载体验哦:
tangislearning.github.io
没有系统学过前端JS,都是大概能看懂就上手代码了。
今天看了下todolist的前端代码,感觉稍微有点丑,大量if判断的,诸如:
const firstBtn = document.getElementById('pagination-first');
if (firstBtn) {
firstBtn.addEventListener('click', () => this.goToPage(1));
}
寻思着这种应该很常见,肯定有得美化的吧,就问了下DeepSeek,原来可以用问号来简化的:
const firstBtn = document.getElementById('pagination-first');
firstBtn?.addEventListener('click', () => this.goToPage(1));
瞬间,感觉优雅了好多啊……一顿改造,精简了300+行代码
![[呲牙]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_2.cd1e2bd.png)
如果你对我的开源项目TodoList感兴趣,欢迎下载体验哦:
展开
3
点赞
![[衰]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_34.cf5b4d5.png)
![[泣不成声]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_40.348108b.png)