Cấu trúc trong Javascript

Question

Trước đây, khi tôi cần lưu trữ một số biến có liên quan, tôi sẽ tạo một lớp.

function Item(id, speaker, country) { 
    this.id = id; 
    this.speaker = spkr; 
    this.country = country; 
} 
var myItems = [ 
    new Item(1, 'john', 'au'), 
    new Item(2, 'mary', 'us') 
]; 

Nhưng tôi tự hỏi đây có phải là phương pháp hay hay không. Có cách nào khác, tốt hơn cách để mô phỏng cấu trúc trong Javascript không?

Answer 1

Sự khác biệt duy nhất giữa các đối tượng literals và các đối tượng được xây dựng là các thuộc tính được thừa kế từ nguyên mẫu.

var o = { 
    'a': 3, 'b': 4, 
    'doStuff': function() { 
    alert(this.a + this.b); 
    } 
}; 
o.doStuff(); // displays: 7 

---

Bạn có thể làm cho một nhà máy struct.

function makeStruct(names) { 
    var names = names.split(' '); 
    var count = names.length; 
    function constructor() { 
    for (var i = 0; i < count; i++) { 
     this[names[i]] = arguments[i]; 
    } 
    } 
    return constructor; 
} 

var Item = makeStruct("id speaker country"); 
var row = new Item(1, 'john', 'au'); 
alert(row.speaker); // displays: john 

Answer 2

tôi luôn luôn sử dụng đối tượng trực

{id: 1, speaker:"john", country: "au"} 

Answer 3

tôi sử dụng đối tượng JSON phong cách cho struct câm (không có chức năng thành viên).

Answer 4

Tôi nghĩ rằng việc tạo ra một lớp học để mô phỏng cấu trúc của C-like, như bạn đã làm, là tốt nhất cách.

Đây là cách tuyệt vời để nhóm dữ liệu có liên quan và đơn giản hóa các tham số truyền cho các hàm. Tôi cũng cho rằng một lớp JavaScript giống như một cấu trúc C++ hơn một lớp C++, xem xét added effort cần thiết để mô phỏng các đối tượng hướng đối tượng thực sự.

Tôi nhận thấy rằng việc cố gắng làm cho JavaScript giống một ngôn ngữ khác trở nên phức tạp nhanh chóng, nhưng tôi hoàn toàn hỗ trợ sử dụng các lớp JavaScript làm cấu trúc không có chức năng.

Answer 5

Vấn đề thực sự là cấu trúc trong ngôn ngữ được coi là loại giá trị không phải là loại tham chiếu. Các câu trả lời được đề xuất đề xuất sử dụng các đối tượng (là các kiểu tham chiếu) thay cho các cấu trúc. Trong khi điều này có thể phục vụ cho mục đích của nó, nó vượt qua điểm mà một lập trình viên thực sự muốn những lợi ích của việc sử dụng các loại giá trị (như một nguyên thủy) thay cho kiểu tham chiếu. Loại giá trị, cho một, không nên gây rò rỉ bộ nhớ.

Answer 6

Sau Markus của answer, trong các phiên bản mới hơn của JS (ES6 tôi nghĩ), bạn có thể tạo một nhà máy 'struct' đơn giản hơn sử dụng Arrow Functions và Rest Parameter như vậy:

const Struct = (...keys) => ((...v) => keys.reduce((o, k, i) => {o[k] = v[i]; return o} , {})) 
const Item = Struct('id', 'speaker', 'country') 
var myItems = [ 
    Item(1, 'john', 'au'), 
    Item(2, 'mary', 'us') 
]; 

console.log(myItems); 
console.log(myItems[0].id); 
console.log(myItems[0].speaker); 
console.log(myItems[0].country); 

Kết quả của hoạt động này là:

[ { id: 1, speaker: 'john', country: 'au' }, 
    { id: 2, speaker: 'mary', country: 'us' } ] 
1 
john 
au 

Bạn có thể làm cho nó trông giống như namedtuple Python:

const NamedStruct = (name, ...keys) => ((...v) => keys.reduce((o, k, i) => {o[k] = v[i]; return o} , {_name: name})) 
const Item = NamedStruct('Item', 'id', 'speaker', 'country') 
var myItems = [ 
    Item(1, 'john', 'au'), 
    Item(2, 'mary', 'us') 
]; 

console.log(myItems); 
console.log(myItems[0].id); 
console.log(myItems[0].speaker); 
console.log(myItems[0].country); 

Và kết quả:

[ { _name: 'Item', id: 1, speaker: 'john', country: 'au' }, 
    { _name: 'Item', id: 2, speaker: 'mary', country: 'us' } ] 
1 
john 
au 

Answer 7

tôi đã thực hiện một thư viện nhỏ để xác định cấu trúc nếu bạn làm việc với khả năng tương thích ES6.

Đó là một phân tích cú pháp JKT bạn có thể kiểm tra các kho dự án ở đây JKT Parser

Đối với một ví dụ bạn có thể tạo ra cấu trúc của bạn như thế này

const Person = jkt` 
    name: String 
    age: Number 
` 

const someVar = Person({ name: "Aditya", age: "26" }) 

someVar.name // print "Aditya" 
someVar.age // print 26 (integer) 

someVar.toJSON() // produce json object with defined schema