JS开发者调查

心已赠人 2022-08-18 10:55 185阅读 0赞

# **0. 目录** #

*  目录
 *  引言
 *  正文
    
     *  1 您书写那种类型的Javascript
     *  2 您在哪里使用Javascript
     *  3 您使用Javascript多长时间了
     *  4 您使用那种编译成JS的语言
     *  5 您更倾向于那种样式风格
     *  6 您使用那些ES5特性
     *  7 您使用那些ES6特性
     *  8 您是否书写测试
     *  9 您是否运行持续集成CI测试
     *  10 您如何运行测试
     *  11 您使用那种单元测试库
     *  12 您使用那种代码质量工具
     *  13 您如何处理客户端依赖
     *  14 您倾向于哪种脚本构建方案
     *  15 您倾向于哪种JS模块加载工具
     *  16 您使用那些类库
     *  17 您使用那些框架
     *  18 您使用ES6
     *  19 您了解ES 2016
     *  20 你掌握ES6
     *  21 ES6是个提高吗
     *  22 您更倾向的文本编辑器
     *  23 您更倾向的开发系统
     *  24 您如何获取复用代码类库工具
     *  25 您参加JS社交吗
     *  26 您的应用程序支持的浏览器
     *  27 您经常了解JS的最新特性吗
     *  28 您从哪里了解JS新特性
     *  29 您听说过下列哪些特性
     *  30 除了JS您优先使用那些语言
 *  声明

# **1. 引言** #

原文：[ponyfoo.com][]的[JavaScript Developer Survey Results][]  
译者：爱前端，乐分享的FedFun，前端痴王海庆的博客。  
译言：翻译一个国外大牛做的JS开发者调查，希望可以对大家有所帮助。

# **2. 正文** #

随着年关的日益临近，获得空前反响的**JS开发者调查**结束了，调查收回了超过5000份，确切地说5350份问卷，我迫不及待地想跟大家分享结果。分享之前，首先感谢每一个参与调查的开发者。

现在正是JS社区的最好的时代，我为接下来的调查兴奋不已。我从来没有如此兴趣高昂地做一件事，下一次，我将做些提高。具体来说，我会在调查开始几周前，把调查问卷放到Github上以便于大家就“问题”与“选项”进行协商，从而得到更加精准的结果，避免“我非常震惊你没有包含Emacs”类似的情况。

好，现在言归正传，公布结果。我将保持公正地传达结果，以便于您得出您的结论。

## 2.1 您书写那种类型的Javascript？ ##

![What type of JavaScript do you write?][What type of JavaScript do you write]

有97.4%的开发者为web浏览器书写JS，其中有37%的开发者开发移动应用。有超过3000人约56.6%的开发者同时书写服务器端JS。5.5%的受访者在类似于Tessel、Raspberry的潜入环境中使用JS。

也有少数的受访者表示在其他场合使用JS，例如开发CLI或桌面应用，还有人提高Pebble、Apple TV等，这些都归类为其他类（Other）约占受访者的2.2%。

## 2.2 您在哪里使用Javascript？ ##

![Where do you use JavaScript?][Where do you use JavaScript]  
不出所料，94.4%的受访者在工作中使用JS，但是也有长尾，82.3%的受访者表示会在Side projects中使用JS，其他（Other）代表为了好玩、非盈利性的教与学。

## 2.3 您使用Javascript多长时间了？ ##

![How long have you been writing JavaScript?][How long have you been writing JavaScript]  
有33%的受访者使用JS的时间超过6年，除此之外，1年的占5.2%，2年的占12.4%，3年的占15.1%， 也就是说近32.7%的受访者是近几年开始使用JS的。

## 2.4 您使用那种编译成JS的语言？ ##

![Which compile-to-JavaScript languages do you use, if any?][Which compile-to-JavaScript languages do you use_ if any]  
85%的受访者使用ES6编译成ES5，同时，15%的受访者使用CoffeeScript，15.2%的使用TypeScript，1.1%的使用Dart.  
这是一个启发我**协同设置问题和选项**的一个问题，有13.8%的选择了其他，出现较多的有ClojureScript、elm、Flow、JSX等。

## 2.5 您更倾向于那种样式风格？ ##

![What JavaScript stylistic choices do you prefer?][What JavaScript stylistic choices do you prefer]  
接受调查的JS开发者中，绝大多数（约占79.9%）倾向于使用分号，11%的开发者不使用分号。对于逗号，44.9%的开发者喜欢表达式之后使用，4.9%的喜欢前置逗号。在缩进方面，65.5%的开发者使用空格，29.1%的开发者使用tab。

## 2.6 您使用那些ES5特性？ ##

![Which ES5 features do you use?][Which ES5 features do you use]  
79.2%的受访者选择数组方法，76.3%的开发者使用strict mode，30%的开发者选择Object.create，只有28%的人选择使用getter和setter。

## 2.7 您使用那些ES6特性？ ##

![Which ES6 features do you use?][Which ES6 features do you use]  
显而易见，箭头函数是最流行的（占比79.6%），let和const占比77.8%，promises占比74.4%。只有4%的开发者使用proxies，13.1%的开发者使用symbols，30%的开发者使用iterators。

## 2.8 您是否书写测试？ ##

![Do you write tests?][Do you write tests]  
21.7%的开发者从未书写测试，42.9%的开发者有时书写测试，34.8%的开发者经常书写测试。

## 2.9 您是否运行持续集成CI测试？ ##

![Do you run Continuous Integration tests?][Do you run Continuous Integration tests]  
对于CI来说，40%的开发者从未使用，60%的有时使用，32%的经常使用。

## 2.10 您如何运行测试？ ##

![How do you run tests?][How do you run tests]  
59%的开发者使用类似于PhantomJS的方法进行浏览器端自动测试，51.4%运行浏览器端手动测试，53.5%的开发者进行服务器端自动测试。

## 2.11 您使用那种单元测试库？ ##

![What unit testing libraries do you use?][What unit testing libraries do you use]  
Mocha和Jasmine是最流行的单元测试库，Tape仅占比9.8%。

## 2.12 您使用那种代码质量工具？ ##

![What code quality tools do you use?][What code quality tools do you use]  
ESLint和JSHint平分天下，JSLint也迅速提升，占比30%。

## 2.13 您如何处理客户端依赖？ ##

![How do you prefer handling client-side dependencies?][How do you prefer handling client-side dependencies]  
npm是最流行的客户端依赖管理工具，占比60.5%，Bower依然占比20%，原生script标签方式占比13.7%。

## 2.14 您倾向于哪种脚本构建方案？ ##

![What’s your preferred build script solution?][What_s your preferred build script solution]  
构建工具的选择也比较多样，Gulp是最流行的（占比40.8%），npm run比较接近（占比27.8%），grunt占比18.5%。

## 2.15 您倾向于哪种JS模块加载工具？ ##

![What’s your preferred JavaScript module loading tool?][What_s your preferred JavaScript module loading tool]  
现阶段大部分开发者选择Browserify或webpack，也有29%的开发者先使用Babel模块，再使用上述两个工具之一进行模块化。

## 2.16 您使用那些类库？ ##

![What libraries do you use?][What libraries do you use]  
这个问题也是促使**协同设计问卷**的原因之一。jQuery依然是最流行的类库，Lodash和underscore也较为流行，分别占比52.3%和30.2%，xhr仅仅占比8%。

## 2.17 您使用那些框架？ ##

![What frameworks do you use?][What frameworks do you use]  
毫无疑问，React和Angular是最流行的框架，Bakbone也比较流行，占比22.8%。

## 2.18 您使用ES6？ ##

![Do you use ES6…][Do you use ES6]  
18.9%的受访者从未使用ES6, 40%的人偶然使用， 30%的人大规模使用，10%的人专门使用。

## 2.19 您了解ES 2016？ ##

![Do you know what’s coming in ES2016?][Do you know what_s coming in ES2016]  
一半的受访者了解ES 2016，另一半不了解。

## 2.20 你掌握ES6？ ##

![Do you understand ES6?][Do you understand ES6]  
9.9%的受访者不了解ES6, 62.8%的人了解ES6基础， 26.6的受访者自认为掌握的不错。

## 2.21 ES6是个提高吗？ ##

![Would you say ES6 is an improvement?][Would you say ES6 is an improvement]  
95%的受访者认为ES6是正向提升，下次要向TC39成员们表示祝贺。（译者注TC39是ECMA技术委员会名称，负责制定JS相关事宜）

## 2.22 您更倾向的文本编辑器？ ##

![What are your preferred text editors?][What are your preferred text editors]  
选项同样分散。Sublime text是最流行的文本编辑器（占比52.7%），其次是Atom（30%），WebStorm和vim各占25%。

## 2.23 您更倾向的开发系统？ ##

![What’s your preferred development OS?][What_s your preferred development OS]  
60%的受访者使用mac，windows和linux各占20%。

## 2.24 您如何获取复用代码、类库、工具？ ##

![How do you find reusable code, libraries and tools?][How do you find reusable code_ libraries and tools]  
Github和搜索引擎是主要的资料来源，还有博客、推特和npm网站。

## 2.25 您参加JS社交吗? ##

![Do you engage in social JavaScript events?][Do you engage in social JavaScript events]  
60%的受访者参加过会议，74%的受访者会参与JS技术聚会。

## 2.26 您的应用程序支持的浏览器？ ##

![What browsers do you support in your JavaScript applications?][What browsers do you support in your JavaScript applications]  
选项分布很分散，幸运的是IE在降低，悲催的是仍然有28人在支持IE6(难道是来自中国的开发者)。

## 2.27 您经常了解JS的最新特性吗？ ##

![Do you learn about JavaScript latest features on a regular basis?][Do you learn about JavaScript latest features on a regular basis]  
80%的开发者表示紧跟JS的最新特性。

## 2.28 您从哪里了解JS新特性？ ##

![Where do you learn about the latest JavaScript features?][Where do you learn about the latest JavaScript features]  
毫无疑问，最流行的学习来源为[MDN][](75.8%)和[JSweekly][](37.3%)，[ponyfoo.com][ponyfoo.com 1]也是一个不错的资源（译者注，本文出处）。

## 2.29 您听说过下列哪些特性？ ##

![Which of these features have you heard about?][Which of these features have you heard about]  
85%的开发者听说过ServiceWorker([Service Workers“早”知道？][Service Workers])，web Audio（70.5%）和IndexedDB（79.3%）也备受关注。不知道大家有没有用到项目中？

## 2.30 除了JS，您优先使用那些语言？ ##

![What languages do you use primarily, besides JavaScript?][What languages do you use primarily_ besides JavaScript]  
好多种语言，大家可以参考。

感谢！！感谢所有参与调查的JS开发者朋友们，您们的热情程度远超预期。明年我还会举行一个类似的调查，希望可以得到更加多样、更加公正的结果。

# **3. 声明** #

爱前端，乐分享。前端痴王海庆的博客，希望与您共同进步。  
博客之星评选正在进行，[投我一票][Link 1]，感谢您的支持。  
欢迎任何形式的转载，烦请注明装载，保留本段文字。  
本文原文链接[http://blog.csdn.net/whqet/article/details/50274339][http_blog.csdn.net_whqet_article_details_50274339]  
独立博客[http://whqet.github.io][http_whqet.github.io]  
新浪微博[http://weibo.com/FedFun][http_weibo.com_FedFun]  
极客头条[http://geek.csdn.net/user/publishlist/whqet][http_geek.csdn.net_user_publishlist_whqet]

[ponyfoo.com]: http://ponyfoo.com/
[JavaScript Developer Survey Results]: https://ponyfoo.com/articles/javascript-developer-survey-results
[What type of JavaScript do you write]: https://i.imgur.com/c0q4LvI.png
[Where do you use JavaScript]: https://i.imgur.com/K5nSsyr.png
[How long have you been writing JavaScript]: https://i.imgur.com/P5ev9fL.png
[Which compile-to-JavaScript languages do you use_ if any]: /images/20220731/587f487af0074f649279463ec315aba1.png
[What JavaScript stylistic choices do you prefer]: /images/20220731/a5d1f35e67de4652bd0d1b3f0659ee56.png
[Which ES5 features do you use]: /images/20220731/8fe9f04280db4ec79580362ea83da1e4.png
[Which ES6 features do you use]: /images/20220731/4024e9d977f54aba8bd69e472c338c7f.png
[Do you write tests]: /images/20220731/0068586a880e46739cf7890b85ff1a9f.png
[Do you run Continuous Integration tests]: /images/20220731/bb48d4d0366a440b882c10d766e6c6cf.png
[How do you run tests]: /images/20220731/e81aeb754b7c4051b2edb0c71b5f1ced.png
[What unit testing libraries do you use]: /images/20220731/511c7e30daa540ccb9f98e9ed9fa48fa.png
[What code quality tools do you use]: /images/20220731/9e11e8532758455d9fd273dd4354bcf2.png
[How do you prefer handling client-side dependencies]: /images/20220731/a464cd8bc9514de384c647f0c656d2da.png
[What_s your preferred build script solution]: /images/20220731/e69af64442b847c184a41a99c29ab476.png
[What_s your preferred JavaScript module loading tool]: /images/20220731/40120a7122ad47be9f147d0dafecb7c9.png
[What libraries do you use]: /images/20220731/da35d27078e04df2bffc91d6b2e052a7.png
[What frameworks do you use]: /images/20220731/cf9b60e2b8d0413fbd7080109deb4212.png
[Do you use ES6]: /images/20220731/b2c18731cde54949bb54ddce3d111fc3.png
[Do you know what_s coming in ES2016]: /images/20220731/6866a0824fb54ff9af131794b28d7715.png
[Do you understand ES6]: /images/20220731/f8af7720c1e64042b8e82940631b4cae.png
[Would you say ES6 is an improvement]: /images/20220731/beda286835444deca8599975e475bc6f.png
[What are your preferred text editors]: /images/20220731/d7fb0fa1dc314c039c813deb8056016e.png
[What_s your preferred development OS]: /images/20220731/89e6e843e1084da5b06f16c73743878f.png
[How do you find reusable code_ libraries and tools]: /images/20220731/5ebe66f81b654f7e8f514da9719d0cb6.png
[Do you engage in social JavaScript events]: /images/20220731/8d615f307a5d4ac6990027a87dde0893.png
[What browsers do you support in your JavaScript applications]: /images/20220731/f16e8bba35ab42279eedfedd36e6e936.png
[Do you learn about JavaScript latest features on a regular basis]: /images/20220731/35c705c2f9b94529870e243421c27e4c.png
[Where do you learn about the latest JavaScript features]: /images/20220731/60aaf65ca411477fab482b353236c6cc.png
[MDN]: https://developer.mozilla.org/zh-CN/
[JSweekly]: http://javascriptweekly.com/
[ponyfoo.com 1]: https://ponyfoo.com/
[Which of these features have you heard about]: /images/20220731/09d5ace65be24bf7b7a5ed2abb55c841.png
[Service Workers]: http://blog.csdn.net/whqet/article/details/49861565
[What languages do you use primarily_ besides JavaScript]: /images/20220731/84ab3fdce5c041bd865581104cc63612.png
[Link 1]: http://vote.blog.csdn.net/blogstar2015/candidate?username=whqet
[http_blog.csdn.net_whqet_article_details_50274339]: http://blog.csdn.net/whqet/article/details/50274339
[http_whqet.github.io]: http://whqet.github.io
[http_weibo.com_FedFun]: http://weibo.com/FedFun
[http_geek.csdn.net_user_publishlist_whqet]: http://geek.csdn.net/user/publishlist/whqet