摘录 State of JavaScript 2024 问卷调查

ymzhaoUSTB

已于 2024-12-24 11:48:31 修改

阅读量142

点赞数

分类专栏：前端基础文章标签： javascript ecmascript 前端

于 2024-11-20 18:50:40 首次发布

原文链接：https://survey.devographics.com/en-US/survey/state-of-js/2024

版权

前端基础专栏收录该内容

23 篇文章

订阅专栏

State of JavaScript 2024

不只是问卷，整个问卷🔗阅读下来，相信必有收获！

本文全文摘录自调查问卷 / State of JavaScript 2024，填写时发现很多新特性、框架等没有使用乃至听说过，特摘录下来以供个人学习查阅。

已出调查报告：

State of JavaScript 2024
State of HTML 2024
State of CSS 2024
State of HTML 2023
State of JS 2023
State of CSS 2023

“在我们忙于决定下一个前端库的选择时，JavaScript 本身也在经历着自身的演变。
新的 TC39 提案正在社区中引起轰动，而其他提案已经处于即将在各大浏览器中实施的边缘。同时，TypeScript 的流行使得未来某个时候原生类型支持的可能性变得真实。
可以肯定的是——尽管 2024 年的 JavaScript 仍然感觉很熟悉，但我们无法保证五年后我们还能对所写的语言有同样的感受。
在此之前，您可以通过参与今年的 JavaScript 现状调查来帮助我们绘制未来的路径！”

1. 特性

您使用过以下哪些语法特性？

Dynamic Import
Load a module asynchronously and dynamically.
Nullish Coalescing
Return first value, or second value if first value is null or undefined.
Private Properties
Properties that cannot be legally referenced outside of the class.
Logical Assignment
Operators to assign a value to a variable based on its own truthy/falsy status.
error.cause
Indicate the specific original cause of the error.
Hashbang Grammar
Provide the path to a specific JavaScript interpreter that you want to use to execute the script.
无

您使用过以下哪些字符串特性？

string.replaceAll()
Replace all instances of a string.
string.matchAll()
Return an iterator of all results matching this string against a regular expression.
Regexp Match Indices
Store the start and end positions of each matched capture group.
无

您使用过以下哪些数组特性？

array.findLast()
Returns the value of the last element that satisfies the testing function.
array.toSorted()
Sort without mutating the original array.
array.toReversed()
Reverse without mutating the original array.
array.with()
Returns a new array with the element at the given index replaced with the given value.
array.toSpliced()
Splice without mutating the original array.
array.fromAsync()
Similar to Array.from but for async iterators.
无

Which of these Set features have you used? (2024年新增)

set.intersection()
Returns a new set containing elements in both this set and the given set.
set.union()
Returns a new set containing elements of both this set and the given set.
set.difference()
Returns a new set containing elements in this set but not in the given set.
set.symmetricDifference()
Returns a new set containing elements which are in either this set or the given set, but not in both.
set.isSubsetOf()
Returns a boolean indicating if all elements of this set are in the given set.
set.isSupersetOf()
Returns a boolean indicating if all elements of the given set are in this set.
set.isDisjointFrom()
Returns a boolean indicating if this set has no elements in common with the given set.
无

Which of these Object features have you used? (2024年新增)

Object.groupBy()
Group the elements of a given iterable according to the string values returned by a provided function.
无

您使用过以下哪些异步特性？

Promise.allSettled()
Returns a single Promise that fulfills when all of the input’s promises fulfills.
Promise.any()
Returns a single Promise that fulfills when any of the input’s promises fulfills.
Promise.try()
Take a callback of any kind and wrap its result in a Promise.
无

您使用过以下哪些浏览器 API？

WebGL
Web Animations
WebRTC
Web Speech API
WebSocket
Page Visibility API
Broadcast Channel API
Geolocation API
WebXR Device API
Temporal
Provides standard objects and functions for working with dates and times.
Gamepad API
Web Authentication API
Progressive Web Apps
WebAssembly (WASM)
无