1.私有字段
以前，必须在构造函数中定义所有类字段。而且没有私人领域， 所有字段都可以从外部访问。当然，有一些技巧范围使一些变量无法访问。但是，让我们不要谈论他们。
class Counter {
constructor() {
this.name = 'Counter';
this.count = 0;
}
inc() {
this.count++;
}
}- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
现在我们可以简单地写：
class Counter {
name = 'Counter';
#count = 0; // private field!
inc() {
this.#count++;
}
}- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
2.使用关键字检查访问私有字段
私人领域带来了一些问题。当在没有该对象上访问私有字段时，将抛出错误。但是如何检查对象是否有？使用尝试/捕获！
现在有一个更好的方法：in关键字中。
class Counter {
name = 'Counter';
#count = 0;
static isCounter(obj) {
return #count in obj;
}
}
const counter = new Counter();
Counter.isCounter(counter); // true- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
3. at（）方法的数组和字符串
我们可以通过编写[i]来访问位置A[i]的数组的项目。但是，如果我是负的，并且我们想从数组的末端获得元素怎么办？我们可以编写[a.length + i]。但这不是很方便。另一种方法是使用A.slice（i）[0]。但这不是很有效。
为此有at（）方法：
const A = [2, 4, 6, 8, 10]
A.at(-1) // 10
const S = "Hello World"
S.at(-1) // 'd'- 1.
- 2.
- 3.
- 4.
4.使用 findLast() 从数组的末尾开始查找一个项目
如何在数组中找到一个项目？使用find（）方法。以及如何从最后找到？使用reverse()和find()，或者编写自己的函数：
const A = [1, 20, 3, 40, 5];
function findBackward(A, predicate) {
for (let i = A.length-1; i>=0; i--) {
if (predicate(A[i])) {
return A[i];
}
}
return -1;
}
findBackward(A, x => x % 10 == 0); // 40
// be careful with this method!
A.reverse().find(x => x % 10 == 0); // 40- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
现在，我们可以使用Findlast（）和FindlastIndex（）方法：
const A = [1, 20, 3, 40, 5];
A.find(v => v%10 == 0) // 20
A.findLast(v => v%10 == 0) // 40
A.findIndex(v => v%10 == 0) // 1
A.findLastIndex(v => v%10 == 0) // 3
A.findLastIndex(v => v == 0) // -1- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
5.让我们使用Hasown（）而不是HasownProperty（）
有object.prototype.hasownproperty（）方法来检查对象是否具有属性为其直接属性。但是使用很麻烦：
let hasOwnProperty = Object.prototype.hasOwnProperty;
if (hasOwnProperty.call(object, 'foo')) {
console.log('has property foo');
}- 1.
- 2.
- 3.
- 4.
但是,我们现在可以这样写：
object.hasOwnProperty('foo')- 1.
请记住，JavaScript是一种动态语言。我们可以将属性添加到任何对象。因此，HasownProperty（）可以被具有相同名称的对象的属性遮蔽。为了避免这种情况，我们可以使用Hasown（）方法：
if (Object.hasOwn(object, 'foo')) {
console.log('has property foo');
}- 1.
- 2.
- 3.
6.原因是一个错误的新属性
看到这样的错误处理代码非常常见：
await fetch('https://example.com/data.csv')
.catch((err) => {
throw new Error('failed to get: ' + err.message);
})- 1.
- 2.
- 3.
- 4.
它的作用是将原始错误用新错误包裹，但是原始错误丢失了。现在，我们可以使用原因属性存储原始错误并稍后检索：
await fetch('https://example.com/data.csv')
.catch((err) => {
throw new Error('failed to get', { cause: err })
})
.catch((err) => {
console.log('cause', err.cause)
})- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
7.＃！Hashbang现在得到支持
Hashbang现在得到了支持， 我们可以直接在终端运行nodejs脚本：
'use strict';
console.log(1);- 1.
- 2.
- 3.
或者：
export {};
console.log(1);- 1.
- 2.
- 3.
总结
以上就是我今天与你分享的7个有关ES2022的新功能，希望对你有所帮助，也希望你能从中学到新的知识。
最后，感谢你的阅读。