本周 JavaScript 2-js教程-PHP中文网

本周 JavaScript 2

碧海醫心

发布： 2024-11-26 17:48:34

转载

367人浏览过

本周 javascript 2

javascript 不断发展。最新的重大更新 ecmascript 2023 (es14) 于 2023 年 6 月发布。此更新引入了多项新功能，增强了语言的功能并提高了开发人员的效率。

ecmascript 2023 的主要特性

1。顶级等待
顶层await的引入允许开发者在模块的顶层使用await关键字，简化了异步代码，而无需将其包装在异步函数中。

// using top-level await
const data = await fetch('https://api.example.com/data');
const jsondata = await data.json();
console.log(jsondata);

登录后复制

2。新数组方法
ecmascript 2023 添加了几种新的数组操作方法，这些方法不会改变原始数组：

tosorted()：返回一个新的排序数组。
toreversed()：返回一个新数组，其中元素的顺序相反。
tospliced()：返回一个新数组，其中删除或添加了元素，而不改变原始数组。

示例：

知周AI笔记

一款本地轻量级markdown AI笔记软件

查看详情

const numbers = [3, 1, 4, 1, 5];

// using tosorted
const sortednumbers = numbers.tosorted();
console.log(sortednumbers); // [1, 1, 3, 4, 5]

// using toreversed
const reversednumbers = numbers.toreversed();
console.log(reversednumbers); // [5, 1, 4, 1, 3]

// using tospliced
const splicednumbers = numbers.tospliced(1, 2); // remove two elements starting from index 1
console.log(splicednumbers); // [3, 5]

登录后复制

3。 findlast() 和 findlastindex()
这些方法允许您找到满足特定条件的最后一个元素或索引，而无需先反转数组。

示例：

const numbers = [5, 12, 50, 130, 44];

// using findlast
const lastgreaterthan40 = numbers.findlast(num => num > 40);
console.log(lastgreaterthan40); // 130

// using findlastindex
const lastindexgreaterthan40 = numbers.findlastindex(num => num > 40);
console.log(lastindexgreaterthan40); // 3 (index of 130)

登录后复制

4。 regexp 匹配索引 api
此功能通过提供字符串中匹配的开始和结束索引来增强正则表达式。

示例：

const regex = /(foo)/g;
const str = 'foo bar foo baz';
const matches = [...str.matchall(regex)];

for (const match of matches) {
    console.log(`match: ${match[0]}, indices: ${match.indices[0]}`);
}
// output:
// match: foo, indices: [0, 3]
// match: foo, indices: [10, 13]

登录后复制

5。错误原因扩展
此功能允许开发人员在抛出错误时通过附加原因属性来提供额外的上下文。

示例：

try {
    throw new Error('Something went wrong', { cause: 'Invalid input' });
} catch (error) {
    console.error(error.message); // Something went wrong
    console.error(error.cause); // Invalid Input
}

登录后复制

展望未来：ecmascript 2024
当我们展望 ecmascript 2024 (es15) 时，预期的功能包括：