ECMAScript 2024(ES12)新特性简介

下面本文将会一一进行讲解。

replaceAll

==========

熟悉java的朋友应该都知道，java中有两个进行字符串替换的方法，分别是replace和replaceAll，他们的区别在于replace是替换字符串，而replaceAll是进行正则表达式匹配。

但是在javascript中两者的涵义有所不同，在JS中replace是替换第一个出现的字符串，而replaceAll就是字面上的意思替换所有的字符串，我们举个例子：

const string=“flydean is a good fly”

console.log(string.replace(“fly”, “butterfly”));

上面的值返回：

butterflydean is a good fly

如果改用replaceAll:

const string=“flydean is a good fly”

console.log(string.replaceAll(“fly”, “butterfly”));

butterflydean is a good butterfly

私有方法

====

自从JS有了类的概念之后，就可以在类中定义方法，并通过实例化之后的类进行调用，如下所示：

class Student {

getAge() {

console.log(“永远18岁”)

}

}

student= new Student();

student.getAge();

上面代码运行结果：

“永远18岁”

但是如果我们不希望getAge()方法直接暴露给外部使用，也就是说希望getAge()是一个私有方法，那么只需要在方法前面加上#即可。

class Student {

#getAge() {

console.log(“永远18岁”)

}

}

student= new Student();

student.getAge();

同样运行，那么会得到下面的错误提示：

Error: student.getAge is not a function

怎么处理呢？我们知道私有方法是可以在方法内部调用的，那么只需要创建一个公有方法，然后在这个公有方法中调用私有方法即可，如下所示：

class Student {

#getAge() {

console.log(“永远18岁”)

}

getPublicAge(){

this.#getAge();

}

}

student= new Student();

student.getPublicAge();

我们可以得到同样的结果。

私有属性

====

上面讲到了私有方法，那么对于私有属性是怎处理的呢？

通常，对于属性，我们可以以get修饰符来进行修饰，然后就可以直接通过属性名来访问了：

class Student {

get Age() {

return 18;

}

}

student= new Student();

console.log(student.Age);

结果我们会得到18这个输出。

同样，可以在属性名前面加上#，让其变成私有变量，如下所示：

class Student {

get #Age() {

return 18;

}

}

student= new Student();

console.log(student.Age);

上面代码将会输出undefined。

要想访问上述的私有属性，则可以用公有属性去调用私有属性方法：

class Student {

get #Age() {

return 18;

}

get publicAge() {

return this.#Age

}

}

student= new Student();

console.log(student.publicAge);

非常好用。

Promise.any() 和 AggregateError

==============================

promise.any可以返回任意一个提前resolve的结果，在现实的应用中，这种情况是非常常见的，我们来模拟一个例子：

const prom1 = new Promise((resolve, reject) => {

setTimeout(

() => resolve(“promise one”),

Math.floor(Math.random() * 100)

);

});

const prom2 = new Promise((resolve, reject) => {

setTimeout(

() => resolve(“promise two”),

Math.floor(Math.random() * 100)

);

});

const prom3 = new Promise((resolve, reject) => {

setTimeout(

() => resolve(“promise three”),

Math.floor(Math.random() * 100)

);

});

(async function() {

const result = await Promise.any([prom1, prom2, prom3]);

console.log(result);

})();

上述代码可以随机输出promise one，promise two，promise three。

如果将上述代码改成所有的都reject，那么会抛出AggregateError：

const prom1 = new Promise((resolve, reject) => {

setTimeout(

() => reject(“promise one rejected”),

Math.floor(Math.random() * 100)

);

});

const prom2 = new Promise((resolve, reject) => {

setTimeout(

() => reject(“promise two rejected”),

Math.floor(Math.random() * 100)

);

});

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Java工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，不论你是刚入门Java开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。**

[外链图片转存中…(img-L26czqRI-1715669674714)]

[外链图片转存中…(img-GrQvsCoh-1715669674714)]

[外链图片转存中…(img-98Ih63Uw-1715669674715)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，不论你是刚入门Java开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！