20 thủ thuật javascript giúp bạn viết code chuyên nghiệp hơn

// Sử dụng if/else
let x = 10;
let result;
if (x > 5) {
  result = 'x lớn hơn 5';
} else {
  result = 'x nhỏ hơn hoặc bằng 5';
}

// Sử dụng toán tử ternary
let x = 10;
let result = x > 5 ? 'x lớn hơn 5' : 'x nhỏ hơn hoặc bằng 5';

// Trích xuất các thuộc tính của object
let person = { name: 'John', age: 30, address: '123 Main St' };
let { name, age } = person;

// Trích xuất các phần tử của mảng
let numbers = [1, 2, 3, 4, 5];
let [first, second, ...rest] = numbers;

// Kết hợp mảng
let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let combinedArr = [...arr1, ...arr2]; // [1, 2, 3, 4, 5, 6]

// Sao chép object
let obj1 = { name: 'John', age: 30 };
let obj2 = { ...obj1 }; // { name: 'John', age: 30 }

// Sử dụng function
function add(a, b) {
  return a + b;
}

// Sử dụng Arrow Function
let add = (a, b) => a + b;

let name = 'John';
let age = 30;
let message = `My name is ${name} and I'm ${age)

function fetchData() {
  return new Promise((resolve, reject) => {
    // Xử lý tác vụ bất đồng bộ ở đây
    // Nếu thành công, sử dụng resolve để trả về kết quả
    // Nếu thất bại, sử dụng reject để trả về lỗi
  });
}

fetchData()
  .then((data) => {
    // Xử lý dữ liệu trả về
  })
  .catch((error) => {
    // Xử lý lỗi
  });

async function fetchData() {
  try {
    // Xử lý tác vụ bất đồng bộ ở đây
    // Nếu thành công, sử dụng return để trả về kết quả
    // Nếu thất bại, sử dụng throw để trả về lỗi
  } catch (error) {
    // Xử lý lỗi
  }
}

async function main() {
  try {
    let data = await fetchData();
    // Xử lý dữ liệu trả về
  } catch (error) {
    // Xử lý lỗi
  }
}

let numbers = [1, 2, 3, 4, 5];

// Sử dụng Map để xử lý các phần tử trong mảng
let squaredNumbers = numbers.map((number) => number * number);

// Sử dụng Filter để lọc các phần tử trong mảng
let evenNumbers = numbers.filter((number) => number % 2 === 0);

let numbers = [1, 2, 3, 3, 4, 5, 5];

let uniqueNumbers = [...new Set(numbers)]; // [1, 2, 3, 4, 5]

function greet(name = "World") {
  console.log(`Hello, ${name}!`);
}

greet(); // Hello, World!
greet("John"); // Hello, John!

let user = {
  name: "John",
  age: 30,
  address: {
    city: "New York",
    country: "USA",
  },
};

// Trích xuất giá trị từ đối tượng
let { name, age } = user;
console.log(name, age); // John 30

// Trích xuất giá trị từ mảng
let numbers = [1, 2, 3];
let [first, second] = numbers;
console.log(first, second); // 1 2

function sum(a, b, c) {
  return a + b + c;
}

let numbers = [1, 2, 3];

console.log(sum(...numbers)); // 6

let numbers1 = [1, 2, 3];
let numbers2 = [4, 5, 6];

let combinedNumbers = [...numbers1, ...numbers2]; // [1, 2, 3, 4, 5, 6]

let isTrue = true;

// Sử dụng Ternary Operator để rút gọn câu lệnh if/else
let message = isTrue ? "It's true!" : "It's false!";

console.log(message); // It's true!

let name = "John";
let age = 30;

// Sử dụng Template Literals để tạo chuỗi kết hợp với biến
let message = `Hello, my name is ${name} and I'm ${age} years old.`;

console.log(message); // Hello, my name is John and I'm 30 years old.

// Viết hàm bằng Arrow Function
let sum = (a, b) => a + b;

console.log(sum(1, 2));

let numbers = [1, 2, 3, 4, 5];

// Sử dụng Map để tạo mảng mới từ mảng cũ
let doubledNumbers = numbers.map((num) => num * 2);

console.log(doubledNumbers); // [2, 4, 6, 8, 10]

// Sử dụng Filter để lọc mảng
let evenNumbers = numbers.filter((num) => num % 2 === 0);

console.log(evenNumbers); // [2, 4]

function getData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve("Data loaded successfully!");
    }, 2000);
  });
}

getData().then((data) => {
  console.log(data); // Data loaded successfully!
});

function getData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve("Data loaded successfully!");
    }, 2000);
  });
}

async function loadData() {
  let data = await getData();
  console.log(data); // Data loaded successfully!
}

loadData();

function divide(a, b) {
  try {
    if (b === 0) {
      throw "Divide by zero error!";
    }

    return a / b;
  } catch (error) {
    console.log(error);
  }
}

console.log(divide(10, 0)); // Divide by zero error!

function sum(a, b) {
  debugger;
  return a + b;
}

console.log(sum(1, 2)); // Mở Developer Console để xem lỗi