ECMAScript 2024(ES8) 的新特性总结

Object.values()

---

Object.values()是一个与 Object.keys()类似的新函数，但返回的是Object自身属性的所有值，不包括继承的值。

假设我们要遍历如下对象obj的所有值：

const obj = {a: 1, b: 2, c: 3};

// ES7

const vals=Object.keys(obj).map(key=>obj[key]);

console.log(vals);//[1, 2, 3]

// ES8

const values=Object.values(obj1);

console.log(values);//[1, 2, 3]

Object.values()省去了遍历key，并根据这些key获取value的步骤。

Object.entries()

---

Object.entries()函数返回一个给定对象自身可枚举属性的键值对的数组。

假设我们要遍历如下对象obj对象的所有属性的key和value：

// ES7

Object.keys(obj).forEach(key=>{

console.log(‘key:’+key+’ value:'+obj[key]);

})

// ES8

for(let [key,value] of Object.entries(obj1)){

console.log(key: ${key} value:${value})

}

String padding：String.prototype.padStart、String.prototype.padEnd

---

允许将空字符串或其他字符串添加到原始字符串的开头或结尾

String.padStart(targetLength,[padString])

console.log(‘0.0’.padStart(4,‘10’)) //10.0

console.log(‘0.0’.padStart(20))// 0.00

• targetLength:当前字符串需要填充到的目标长度。如果这个数值小于当前字符串的长度，则返回当前字符串本身。

• padString:(可选)填充字符串。如果字符串太长，使填充后的字符串长度超过了目标长度，则只保留最左侧的部分，其他部分会被截断，此参数的缺省值为 " "。

String.padEnd(targetLength,padString])

console.log(‘0.0’.padEnd(4,‘0’)) //0.00

console.log(‘0.0’.padEnd(10,‘0’))//0.00000000

• targetLength:当前字符串需要填充到的目标长度。如果这个数值小于当前字符串的长度，则返回当前字符串本身。

• padString:(可选) 填充字符串。如果字符串太长，使填充后的字符串长度超过了目标长度，则只保留最左侧的部分，其他部分会被截断，此参数的缺省值为 " "；

函数参数列表结尾允许逗号

---

方便使用git进行多人协作开发时修改同一个函数减少不必要的行变更。

Object.getOwnPropertyDescriptors()

---

用来获取一个对象的所有自身属性的描述符,如果没有任何自身属性，则返回空对象。

const obj = {

name: ‘lxm’,

get age() { return ‘28’ }

};

Object.getOwnPropertyDescriptors(obj)

SharedArrayBuffer 对象

---

用来表示一个通用的，固定长度的原始二进制数据缓冲区，类似于 ArrayBuffer 对象，它们都可以用来在共享内存（shared memory）上创建视图。与 ArrayBuffer 不同的是，SharedArrayBuffer 不能被分离。

/**

• • @param {*} length 所创建的数组缓冲区的大小，以字节(byte)为单位。 * @returns {SharedArrayBuffer} 一个大小指定的新 SharedArrayBuffer 对象。其内容被初始化为 0。 */

new SharedArrayBuffer(length)

Atomics 对象

---

提供了一组静态方法用来对 SharedArrayBuffer 对象进行原子操作。这些原子操作属于 Atomics 模块。与一般的全局对象不同，Atomics 不是构造函数，因此不能使用 new 操作符调用，也不能将其当作函数直接调用。Atomics 的所有属性和方法都是静态的（与 Math 对象一样）

多个共享内存的线程能够同时读写同一位置上的数据。原子操作会确保正在读或写的数据的值是符合预期的，即下一个原子操作一定会在上一个原子操作结束后才会开始，其操作过程不会中断。

• Atomics.add()

将指定位置上的数组元素与给定的值相加，并返回相加前该元素的值。

• Atomics.compareExchange()

js基础

1)对js的理解？
2)请说出以下代码输出的值？
3)把以下代码，改写成依次输出0-9
4)如何区分数组对象，普通对象，函数对象
5)面向对象、面向过程
6)面向对象的三大基本特性
7)XML和JSON的区别？
8)Web Worker 和webSocket？
9)Javascript垃圾回收方法？
10)new操作符具体干了什么呢？
11)js延迟加载的方式有哪些？
12)WEB应用从服务器主动推送Data到客户端有那些方式？

过程
6)面向对象的三大基本特性
7)XML和JSON的区别？
8)Web Worker 和webSocket？
9)Javascript垃圾回收方法？
10)new操作符具体干了什么呢？
11)js延迟加载的方式有哪些？
12)WEB应用从服务器主动推送Data到客户端有那些方式？

[外链图片转存中…(img-XkW1xC8Y-1720087812136)]

[外链图片转存中…(img-3pHZmHrs-1720087812137)]