Refactor code với ES6+

Quay lại bài học

Refactor code với ES6+

Lập trình

Viết lại code cũ bằng các tính năng ES6+

Viết lại các hàm sau sử dụng ES6+ features: 1. Chuyển đổi hàm constructor sang class 2. Sử dụng destructuring và template literals 3. Áp dụng arrow functions

Code mẫu
// 1. Hàm constructor cũ
function Person(name, age) {
  this.name = name;
  this.age = age;
}
Person.prototype.greet = function() {
  return "Hello, my name is " + this.name + " and I'm " + this.age + " years old.";
};

// 2. Hàm xử lý mảng
function processArray(arr) {
  var result = [];
  for (var i = 0; i < arr.length; i++) {
    if (arr[i] % 2 === 0) {
      result.push(arr[i] * 2);
    }
  }
  return result;
}

// 3. Hàm xử lý object
function getUserInfo(user) {
  var name = user.name;
  var age = user.age;
  var city = user.address ? user.address.city : 'Unknown';
  return name + ' from ' + city + ', age: ' + age;
}