Một phút để nhớ : Những Sự Thật Ít Biết Sẽ Làm Bạn Kinh Ngạc

Là một nhà phát triển Sitecore, JavaScript đóng một vai trò quan trọng trong quá trình phát triển giao diện người dùng. Trong quá trình phát triển trang, các thách thức có thể phát sinh khi gỡ lỗi hoặc tích hợp với chương trình phụ trợ bằng JavaScript. Tuy nhiên, có những viên ngọc ẩn trong JavaScript có thể giảm bớt những gánh nặng này và đơn giản hóa quy trình

Tại đây bạn có thể xem danh sách các viên ngọc ẩn trong JavaScript

console.table

Tất cả chúng ta thường xuyên sử dụng console.log. Nhưng console.table() sẽ giúp bạn chuyển đổi định dạng Json, định dạng CSV hoặc bất kỳ dữ liệu định dạng từ điển nào thành dạng bảng.

const data = [
  { name: 'Prabhu', age: 25, city: 'New York' },
  { name: 'Raj', age: 30, city: 'India' },
  { name: 'Bob', age: 35, city: 'Chicago' }
];

console.table(data);

// Output:
(index) | name  | age | city
--------|-------|-----|----------
0       | Prabhu| 25  | New York
1       | Raj   | 30  | India
2       | Bob   | 35  | Chicago

const data = [
  { name: 'Prabhu', age: 25, city: 'New York' },
  { name: 'Raj', age: 30, city: 'India' },
  { name: 'Bob', age: 35, city: 'Chicago' }
];

console.table(data, ['name', 'city']);

// Output:
(index) | name  | city
--------|-------|----------
0       | Prabhu| New York
1       | Raj   | India
2       | Bob   | Chicago

console.log.bind()là một phương thức trong JavaScript cho phép tạo một hàm mới phản ánh hành vi của console.log nhưng với ngữ cảnh được xác định trước. Hàm mới này có thể được gọi giống như bất kỳ hàm JavaScript nào khác và nó sẽ thực thi console.log với ngữ cảnh được xác định trước. Ví dụ,

const myLog = console.log.bind(console, 'Custom prefix:');
myLog('Hello, world!'); 
// Output: Custom prefix: Hello, world!

Trong JavaScript, bạn có thể sử dụng tên thuộc tính động trong các đối tượng bằng cách sử dụng ký hiệu dấu ngoặc vuông []. Điều này cho phép bạn đặt hoặc truy cập các thuộc tính đối tượng bằng cách sử dụng một biến hoặc một biểu thức làm tên thuộc tính.

const propertyName = 'name';
const person = {
  [propertyName]: 'Prabhu',
  age: 25,
  city: 'New York'
};

console.log(person.name); // Output: Prabhu

const propertyName = 'age';
const ageMultiplier = 2;
const person = {
  name: 'Prabhu',
  [propertyName]: 25,
  [`${propertyName}In5Years`]: 25 + (ageMultiplier * 5)
};

console.log(person.age); // Output: 25
console.log(person.ageIn5Years); // Output: 35

Toán intử cho phép bạn kiểm tra xem một thuộc tính có tồn tại trong một đối tượng hay không, bao gồm cả các thuộc tính kế thừa.

const obj = { foo: 'bar', baz: 'qux' };

console.log('foo' in obj); // Output: true
console.log('bar' in obj); // Output: false (since 'bar' is a value not a prop)

phương pháp áp dụng ()

Phương thức này apply()là một phương thức tích hợp sẵn trong JavaScript cho phép gọi một hàm có ngữ cảnh được chỉ định (nghĩa là giá trị của this trong hàm) cùng với một mảng hoặc một đối tượng giống như mảng của các đối số.

Cú pháp:

functionName.apply(thisValue, arrayOfArgs)

function greet(name) {
  console.log(`Hello, ${name}! I am ${this.title} ${this.name}.`);
}

const person = {
  title: 'Mr.',
  name: 'Prabhu'
};

greet.apply(person, ['Sam']); 
// Output: Hello, Sam! I am Mr. Prabhu.

Đó là tất cả cho bây giờ. Hãy theo dõi các bài đăng trên blog sắp tới, nơi chúng tôi sẽ tiếp tục khám phá những sự thật và thông tin chi tiết ít được biết đến.

Chúc mừng mã hóa!!