Fork me on GitHub

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 技巧。
快乐编码!

posted @ 2024-02-27 16:20  广东靓仔-啊锋  阅读(21)  评论(0编辑  收藏  举报