Giới thiệu

Javascript chắc hẳn không còn gì xa lạ gì nữa đúng không các bạn. Thế nhưng bạn đã biết hết được những tính năng thú vị của nó chưa?

Với mỗi bản release mới của Javascript sẽ có những tính năng thú vị chẳng hạn như thêm method mới, hay operator mới giúp bạn code ngắn gọn hơn và dễ đọc hơn.

Trong bài viết này mình sẽ giới thiệu với các bạn 5 tính năng thú vị của Javascript mà có thể bạn chưa biết. Nào cùng mình tìm hiểu nhé.

1. Numeric Separator

Lúc trước khi gõ các số lớn lên đến hàng triệu hay hàng tỷ thì rất khó để có thể đọc nó. Thế nhưng bây giờ bạn có thể sử dụng dấu _ để phân cách giữa các số để có thể đọc chúng 1 cách nhanh chóng.

// trước đây rất khó để đọc số này.
const billion = 1000000000;

// với tính năng mới nó dễ đọc hơn nhiều
const readableBillion = 1_000_000_000;

console.log(readableBillion); // 1000000000;

Thực sự tính năng này khá hữu ích đúng không các bạn.

2. replaceAll

Trong javascript trước đây để có thể replace all một chuỗi thành chuỗi khác thì chúng ta cần phải sử dụng regular expression, chẳng hạn như thế này:

const str = 'please-replace-me';

str.replace('-', ' '); // please replace-me;

// nếu muốn replace all thì phải sử dụng
str.replace(/\-/g, ' '); // please replace me

Nhưng giờ chúng ta đã có method replaceAll

str.replaceAll('-', ' '); // please replace me

3. Object.entries

Object.keys, Object.values thì các developer đã dùng nhiều rồi, nhưng còn có Object.entries cũng khá hữu ích để duyệt qua từng cặp key:value của Object

const person = {
  name: 'Foo',
  gender: 'Male',
};

// Ngoài cách như này
Object.keys(person).forEach((key) => {
  console.log(`${key} is ${person[key]}`);
});

// Thì các bạn có thể dùng
Object.entries(person).forEach(([key, value]) => {
  console.log(`${key} is ${value}`);
});

// name is Foo
// gender is Male

4. designMode của chrome

Tính năng này là một tính năng hữu ích dành cho các Frontend developer khi không cần phải inspect element và sửa thì bây giờ chúng ta có thể sửa trực tiếp trên trang web.

Chỉ cần mở console lên và gõ đoạn code sau

document.designMode = 'on';

Nó khá tiện dụng khi bạn cần thay đổi text để xem trước các đoạn text sẽ hiển thị như nào trên web của mình. Bạn hãy thử ngay tính năng thú vị này nhé 

5. Sử dụng toán tử logic

Trước giờ bạn sử dụng toán tử logic như ||, &&, ??, === để trong các câu điều kiện if/else đúng không. Thế nhưng còn có cách sử dụng nó hữu ích hơn nữa đấy.

Đây là cách sử dụng các toán tử để có thể gán giá trị cho các biến

let a = 1;
let b = 2;
a &&= b;
console.log(a); // 2
// Tức là nó sẽ gán giá trị b cho a khi a truthly.
// Hoặc có cách khác là
a && (a = b);

// 2 dòng lệnh trên có thể diễn tả bằng đoạn code dưới.
if (a) {
  a = b
}

Hoặc bạn có thể dùng các toán tử để gọi các function.

const a = 1;
const b = 2;

(a < b) && console.log('a is less than b');

Tương tự với các toán tử còn lại bạn cũng có thể thực hiện được.

Tổng kết

Trên đây mình đã giới thiệu cho các bạn các tính năng thú vị dành cho các developer.

Hy vọng nó có thẻ giúp ích được nhiều cho các bạn. Chúc các bạn có một ngày làm việc và học tập thật hiệu quả.

Hẹn gặp lại các bạn trong các bài viết tiếp theo của mình. Cám ơn tất cả các bạn.