JavaScript一团乱,这是好事

译者按: JavaScript从简单变复杂了,作者从另一个角度看待这个问题。

为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。

JavaScript从不移除旧的特性,新版本总是向后兼容。我希望我们能够把那些重复的旧的特性清理一下,但是保持兼容有太多的好处。我在本文会解释。

1. 向后兼容的优势

  1. 迁移到新的语言版本是一件轻而易举的事情。举个例子,如果你使用ES6,所有旧代码无需任何改动。
    • 只有ES模块很难采用,因为它破坏了向后兼容性。
  2. 避免了代码版本化。如果你允许一些代码是“旧”的,有一些是“新”的:
    • 语言引擎和工具变得更加复杂
    • 开发人员需要小心应对不同的版本
    • 你不能随意移动代码了(如果代码基础库是混合的)

2. 一些处理JavaScript扩展功能的技巧

  • 授课和学习:你可以直接忽略旧的特性,不仅仅是它们长什么样,它们干嘛也无需知道
  • 使用Linter来辅助码代码
  • 使用Prettier来美化代码

3. 一个干净的JavaScript

如果你想要使用一个比较简洁的JavaScript,你可以忽略很多旧的语法,下面是一些建议:

  • var: 使用let和const
  • function: 使用箭头函数和方法定义(method definition)。优势:更容易处理this。(具体信息)
  • Promises: 只使用async函数。你不能完全避开使用Promises。
  • 迭代访问对象:使用map
  • 循环:避免使用for-in,尽量避免使用for, 建议使用for-of。
  • 参数:使用rest parameters(…args)
  • Function.prototype.apply():使用spread operator(f(..myArray))
  • 构造函数:使用class
  • IIFEs(立即调用函数): 使用块作用域

4. 待定

typeof和instanceof非常复杂,我无法建议哪个取代哪个。推荐这篇博客:Beyond typeof and instanceof: simplifying dynamic type checks

5. 阅读更多

关于Fundebug

Fundebug专注于JavaScript、微信小程序、小游戏BUG监控,自从2016年双十一正式上线,Fundebug已经服务了一年半时间,累计处理了5亿+错误事件,得到了众多知名用户的认可。Fundebug支持主流前端框架的bug监控,欢迎各位老铁体验!

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Web 开发

用PhantomJS来给AJAX站点做SEO优化

众所周知,大部分的搜索引擎爬虫都不会执行JS,也就是说,如果页面内容由Ajax返回的话,搜索引擎是爬取不到部分内容的,也就无从做SEO了。

760
来自专栏即时通讯技术

最火移动端跨平台方案盘点:React Native、weex、Flutter

跨平台一直是老生常谈的话题,cordova、ionic、react-native、weex、kotlin-native、flutter等跨平台框架的百花齐放,颇...

1743
来自专栏SEO

「SEO知识」如何让搜索引擎知道什么是重要的?

1543
来自专栏python小白到大牛

用 Python 实现打飞机,让子弹飞吧!

安装好 pygame 在第一次使用 pygame 的时候,pyCharm 会自动 install pygame。

1183
来自专栏phodal

分享下 Backbone、Vue、Angular、React 在项目上的使用经验

上周,知乎上有几篇关于 Angular 和 Vue 对比的文章。本来想着的是,这些文章倒是可以指导下新手,作一些技术选型。可遗憾的是,开始的文章失去了一些偏颇,...

2916
来自专栏京东技术

JDReact小程序双向转换工具介绍

京东商城前台产品研发部资深前端工程师,负责JDReact框架前端及小程序转换引擎开发

1022
来自专栏美团技术团队

美团点评境外度假团队前端项目开发实践总结

前言 随着前端项目数量和规模越来越大,参与的人员也越来越多,如何在前端项目开发过程中保证优质的开发者体验和项目的可维护性,同时确保极致的用户体验将会是一个非常大...

3748
来自专栏数据小魔方

Xcelsius(水晶易表)系列13——选择器应用(图标与图片背景)

今天继续分享关于选择器的用法——使用图标配合背景完美模拟个性选择器。 今天的内容几乎没有任何新东西,所使用到的部件仍然是之前用到过的常用痛几天——条形图、柱形图...

2826
来自专栏大数据钻研

漫谈前端之路

前言 前端之路何其漫漫~ 说明:本篇文章原是写给学弟学妹的,但想来花的功夫确实不少,就把此篇文章当做自己的一个阶段性总结文章了,会保持长期更新。 HTM...

3608
来自专栏木子昭的博客

解密"秒杀"软件 | JavaScript最佳入门案例用javascript实现秒杀倒计时的效果chrome "奇技淫巧" 之 脚本编辑器!

网上购物变得的越来普遍,各种"秒杀"抢购的活动越来越多,除了早年雷布斯的"饥饿营销",大多数秒杀活动还是有货源的,我们秒不到货,大多是因为我们败给了计算机脚本...

4487

扫码关注云+社区