JavaScript 揭开鲜为人知的功能！

JavaScript是一种超级酷的语言，有很多巧妙的东西，但你猜怎么着？JavaScript 有一些很酷的秘密技巧，可以让编码变得更加有趣。让我向您展示这些隐藏的宝石，以及它们如何使您的代码变得更好，让您的项目变得更棒！

• Object.freeze()

Object.freeze() 方法允许您冻结对象，防止对其属性或原型进行任何更改。这对于确保对象保持不可变并且其属性不会被意外修改非常有用。

const person = {
  name: 'John',
  age: 30
};


Object.freeze(person);

person.age = 40; // This will not have any effect
console.log(person); // Output: { name: 'John', age: 30 }

 

• String.padStart() 和 String.padEnd()

String.padStart() 和 String.padEnd() 方法用另一个字符串填充当前字符串（如果需要，可以重复），以便生成的字符串达到给定的长度。这些方法对于格式化字符串非常有用，特别是对于对齐表格或 UI 元素中的文本。

const number = '123';
console.log(number.padStart(5, '0')); // Output: 00123

const message = 'Hello';
console.log(message.padEnd(10, '!')); // Output: Hello!!!!!
;

 

这些方法提供了一种格式化字符串的便捷方法。

• Array.prototype.flat()

Array.prototype.flat() 方法创建一个新数组，其中所有子数组元素递归地连接到其中，直到指定的深度。这对于使用嵌套数组展平数组非常方便。

const nestedArray = [1, [2, [3, [4]]]];
const flattenedArray = nestedArray.flat(Infinity);
console.log(flattenedArray); // Output: [1, 2, 3, 4]

 

• String.prototype.trimStart() 和 String.prototype.trimEnd()

这些方法从字符串的开头 (trimStart()) 或结尾 (trimEnd()) 修剪空白。当您想要修剪字符串特定侧的空格时，它们是 String.prototype.trim() 的方便替代品。

const text = '   Hello, World!   ';

console.log(text.trimStart()); // Output: 'Hello, World!   '
console.log(text.trimEnd());   // Output: '   Hello, World!'

 

• Object.fromEntries()

Object.fromEntries() 方法将键值对列表转换为对象。它与 Object.entries() 相对应，后者从对象返回键值对数组。

const entries = [['name', 'John'], ['age', 30]];
const person = Object.fromEntries(entries);
console.log(person); // Output: { name: 'John', age: 30 }

 

结论
JavaScript 有一些非常酷的秘密，可以让你的代码更短、更容易理解并且工作得更好。了解并使用这些特殊功能可以让您成为更好的 JavaScript 编码员，并使您的项目看起来很棒。

因此，下次您使用 JavaScript 进行编码时，请记住探索这些隐藏的宝藏！

我希望这些 JavaScript 技巧对您有所帮助！欢迎在下面的评论中分享您知道的任何更酷的 JavaScript 技巧。
快乐编码！