本周 JavaScript 2

知识点掌握了，还需要不断练习才能熟练运用。下面golang学习网给大家带来一个文章开发实战，手把手教大家学习《本周 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()：返回一个新数组，其中删除或添加了元素，而不改变原始数组。

示例：

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) 时，预期的功能包括：

• 用于改进日期和时间处理的时态 api。
• realms api 可在 javascript 环境中提供更好的安全性和隔离性。
• 不可变的数据结构，例如记录和元组。
• 高级模式匹配，可实现更高效的数据搜索。
• 用于增强类和方法的装饰器语法。

这些即将推出的功能旨在进一步简化开发流程并提高代码清晰度和安全性。

总而言之，ecmascript 2023 带来了重大增强，改善了开发人员与数组交互、处理异步操作、管理错误以及使用正则表达式的方式。

理论要掌握，实操不能落！以上关于《本周 JavaScript 2》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！