6 ways to create object in JavaScript

Trong bài về object trong JavaScript, chúng ta biết rằng ngoài object tạo với các constructor dựng sẵn như String, Number, Boolean…, chẳng hạn:

let x = new String("hello"); 

// Chú ý: Cách này không được khuyến cáo, ta nên dùng cách dưới như khi khai báo y;

let y = "hello";

typeof x// object

typeof y //string // y vẫn kế thừa các thuộc tính và phương thức như khi khai dạng object như x.

Thông thường, ta có 6 cách sau để tạo object riêng trong JavaScript.

1) Cách 1: object literal


let x = {};

x này sẽ có __proto__ trỏ tới Object.prototype tức nó sẽ kế thừa trực tiếp các property hoặc method từ Object.

2. Cách 2, new Object;

 
let x = new Object();

Cách này cho kết quả như cách 1, không khuyến khích dùng.

3. Cách 3: Object.create

Đây cũng là một trong số các hình thức kế thừa giữa 2 object. Ví dụ:

 
let x = {name: "Vượng"}; 
let y = Object.create(x); 
y.name; // Vượng -> y sẽ kế thừa name của x. 
let z = Object.create(y); // z kế thừa từ x z.name; // "Vượng"

Quan trọng: let x = Object.create(null).

Đây là cách tạo object duy nhất mà x không có link tới bất cứ prototype trong Javascript, do đó sẽ không hề có method hay property sẵn có nào. Một object rỗng thực sự :-), thậm chí, còn không có cả thuộc tính __proto__. Tất nhiên, vì nó không có link tới bất kì object nào cấp cao hơn nên không có __proto__ là đương nhiên.

4. Cách 4: Function constructor

Đây là cách quan trọng nhất và thường dùng nhất trong ES5, từ ES6, ta có thể dùng cách tạo class, cho dù class trong JS thực chất chỉ là một dạng cải tiến syntax.

Trong ví dụ dưới, Foo là một hàm constructor (hàm đóng vai trò constructor thường viết theo PascalCase, nếu hàm bình thường sẽ dùng camelCase). Hàm Foo được gọi thông thường Foo(1), hoặc trở thành constructor khi viết foo = new Foo(2). Khi đó Foo đóng vai một dạng “class”, theo tư duy OOP của PHP hay Java.

So sánh giữa cách Function constructor và {}

So sánh kế thừa giữa 2 cách.

Một so sánh khác giữa cách {} và function constructor. Chú ý:

Nếu tạo object bằng {}, kế thừa giữa các object sẽ dùng Object.create
Nếu tạo object qua function constructor, các object sẽ được mở rộng qua chính Foo.prototype của function constructor. Chúng ta cũng có thể dùng object.__proto__ vì nếu Foo là constructor và foo là object tạo với từ khóa “new” thì: