โครงสร้างใน Javascript

ก่อนหน้านี้เมื่อฉันต้องการจัดเก็บตัวแปรที่เกี่ยวข้องจำนวนหนึ่งฉันจะสร้างคลาส

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')
];

แต่ฉันสงสัยว่านี่เป็นแนวทางปฏิบัติที่ดี มีวิธีอื่นที่ดีกว่าในการจำลองโครงสร้างใน Javascript หรือไม่?

ความแตกต่างเพียงอย่างเดียวระหว่างตัวอักษรวัตถุและวัตถุที่สร้างขึ้นคือคุณสมบัติที่สืบทอดมาจากต้นแบบ

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

คุณสามารถสร้างโรงงานโครงสร้าง

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

ฉันใช้ตัวอักษรวัตถุเสมอ

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

ปัญหาที่แท้จริงคือโครงสร้างในภาษาควรเป็นชนิดค่าไม่ใช่ประเภทอ้างอิง คำตอบที่เสนอแนะนำให้ใช้วัตถุ (ซึ่งเป็นประเภทอ้างอิง) แทนโครงสร้าง แม้ว่าสิ่งนี้สามารถตอบสนองวัตถุประสงค์ของมันได้ แต่ก็หลีกเลี่ยงจุดที่โปรแกรมเมอร์ต้องการประโยชน์จากการใช้ประเภทค่า (เช่นแบบดั้งเดิม) แทนประเภทอ้างอิง ประเภทค่าหนึ่งไม่ควรทำให้หน่วยความจำรั่วไหล

ฉันคิดว่าการสร้างคลาสเพื่อจำลองโครงสร้างแบบ C เหมือนที่คุณเคยทำมาเป็นวิธีที่ ดีที่สุด

เป็นวิธีที่ยอดเยี่ยมในการจัดกลุ่มข้อมูลที่เกี่ยวข้องและลดความซับซ้อนในการส่งผ่านพารามิเตอร์ไปยังฟังก์ชัน ฉันยังยืนยันว่าคลาส JavaScript เป็นเหมือนโครงสร้าง C ++ มากกว่าคลาส C ++ โดยพิจารณาจากความพยายามเพิ่มเติมที่จำเป็นในการจำลองคุณสมบัติเชิงวัตถุจริง

ฉันพบว่าการพยายามทำให้ JavaScript เป็นเหมือนภาษาอื่นนั้นซับซ้อนขึ้นอย่างรวดเร็ว แต่ฉันสนับสนุนอย่างเต็มที่โดยใช้คลาส JavaScript เป็นโครงสร้างที่ไม่มีฟังก์ชัน

ตามคำตอบของ Markus ใน JS เวอร์ชันใหม่กว่า (ฉันคิดว่า ES6) คุณสามารถสร้างโรงงาน 'struct' ได้ง่ายขึ้นโดยใช้Arrow FunctionsและRest Parameterดังนี้:

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);

ผลลัพธ์ของการรันสิ่งนี้คือ:

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

คุณสามารถทำให้มันดูคล้ายกับชื่อของ 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);

และผลลัพธ์:

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

ฉันใช้รูปแบบ JSON ของวัตถุสำหรับโครงสร้างใบ้ (ไม่มีฟังก์ชันสมาชิก)

ฉันสร้างห้องสมุดขนาดเล็กเพื่อกำหนดโครงสร้างถ้าคุณทำงานกับความเข้ากันได้ของ ES6

เป็นตัวแยกวิเคราะห์ JKT คุณสามารถชำระเงินที่เก็บโครงการได้ที่นี่JKT Parser

ตัวอย่างเช่นคุณอาจสร้างโครงสร้างของคุณเช่นนี้

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 

การตั้งค่าทำได้มากกว่า แต่ถ้าการบำรุงรักษาทำได้เพียงครั้งเดียวอาจเป็นกรณีของคุณ

/**
 * @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;
    }
}

ข้อดี:

• ไม่ผูกพันกับคำสั่งโต้แย้ง
• ขยายได้ง่าย
• พิมพ์การสนับสนุนสคริปต์: