Các cấu trúc trong Javascript

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 đang tự hỏi liệu đây có phải là một thực hành tốt. Có cách nào khác tốt hơn để mô phỏng một cấu trúc trong Javascript không?

Sự khác biệt duy nhất giữa các chữ đối tượng và các đối tượng được xây dựng là các thuộc tính được kế thừa 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ể tạo ra một nhà máy cấu trúc.

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

Tôi luôn sử dụng các ký tự đối tượng

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

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

Tôi nghĩ rằng việc tạo một lớp để mô phỏng các cấu trúc giống C, giống như cách bạn đang làm, là cách tốt nhất .

Đó là một cách tuyệt vời để nhóm dữ liệu liên quan và đơn giản hóa việc chuyển các tham số cho các hàm. Tôi cũng tranh luận rằng một lớp JavaScript giống như một cấu trúc C ++ hơn là một lớp C ++, xem xét nỗ lực bổ sung cần thiết để mô phỏng các tính năng hướng đối tượng thực.

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 ủng hộ việc sử dụng các lớp JavaScript dưới dạng cấu trúc vô chức năng.

Theo câu trả lời của Markus , trong các phiên bản JS mới hơn (tôi nghĩ là ES6), bạn có thể tạo một nhà máy 'cấu trúc' đơn giản hơn bằng cách sử dụng Hàm mũi tên và Tham số phần còn lại như sau:

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 việc chạy 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 với tên của 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

Tôi sử dụng kiểu JSON đối tượng cho các cấu trúc câm (không có hàm thành viên).

Tôi đã tạo một thư viện nhỏ để định nghĩa struct nếu bạn làm việc với khả năng tương thích với ES6.

Đó là trình phân tích cú pháp JKT, bạn có thể kiểm tra kho lưu trữ dự án tại đây Trình phân tích cú pháp JKT

Ví dụ, bạn có thể tạo cấu trúc của mình 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 

Việc thiết lập sẽ tốn nhiều công sức hơn, nhưng nếu khả năng bảo trì đánh bại nỗ lực một lần thì đây có thể là trường hợp của bạn.

/**
 * @class
 */
class Reference {

    /**
     * @constructs Reference
     * @param {Object} p The properties.
     * @param {String} p.class The class name.
     * @param {String} p.field The field name.
     */
    constructor(p={}) {
        this.class = p.class;
        this.field = p.field;
    }
}

Ưu điểm:

• không bị ràng buộc với thứ tự đối số
• dễ dàng mở rộng
• gõ hỗ trợ script: