] ]

] संक्षिप्त विधि के नाम विधि परिभाषा सिंटैक्स को सरल बनाएं; जबकि गणना की गई विशेषता नाम चर मानों के आधार पर विशेषता नामों के गतिशील निर्माण की अनुमति देते हैं। ] ]

] शाब्दिक संकेतन का उपयोग करके जावास्क्रिप्ट ऑब्जेक्ट बनाना बहुत शक्तिशाली है। ES2015 (ES6) में शुरू की गई नई सुविधाएँ ऑब्जेक्ट प्रोसेसिंग को सभी आधुनिक ब्राउज़रों में अधिक सुविधाजनक बनाती हैं (IE को छोड़कर) और Node.js. कुछ भाषाओं में, यदि किसी वस्तु को बनाने से पहले किसी वर्ग को घोषित किया जाना चाहिए, तो यह विकास के समय और प्रसंस्करण शक्ति की लागत को बढ़ाता है। और जावास्क्रिप्ट में, वस्तुओं को गतिशील रूप से आसानी से बनाया जा सकता है। उदाहरण के लिए:

// es5 संगत कोड var myobject = { Prop1: 'हैलो', Prop2: 'दुनिया', आउटपुट: फ़ंक्शन () { कंसोल.लॉग (this.prop1 '' this.prop2); } }; myobject.output (); // हैलो वर्ल्ड

]

]

वस्तुओं की विशेषताएं आमतौर पर एक ही नाम के साथ चर द्वारा बनाई जाती हैं। उदाहरण के लिए:

// es5 कोड var a = 1, b = 2, c = 3; var obj = { A: a, बी: बी, सी: सी }; // obj.a = 1, obj.b = 2, obj.c = 3

// ES5 兼容代码
var myObject = {
  prop1: 'hello',
  prop2: 'world',
  output: function() {
    console.log(this.prop1   ' '   this.prop2);
  }
};

myObject.output(); // hello world

// es6 कोड कॉन्स्ट ए = 1, बी = 2, सी = 3; const obj = {a, b, c}; // obj.a = 1, obj.b = 2, obj.c = 3

] उदाहरण के लिए:

// es6 कोड const lib = () => { फ़ंक्शन सम (ए, बी) {एक बी लौटाएं; } फ़ंक्शन मल्टी (ए, बी) {रिटर्न ए * बी; } रिटर्न {SUM, MULT}; }) (); कंसोल.लॉग (lib.sum (2, 3)); // 5 कंसोल.लॉग (lib.mult (2, 3)); // 6

// ES5 代码
var a = 1, b = 2, c = 3;
var obj = {
  a: a,
  b: b,
  c: c
};

// obj.a = 1, obj.b = 2, obj.c = 3

]

ES5 में ऑब्जेक्ट विधियों को फ़ंक्शन घोषणाओं की आवश्यकता होती है। उदाहरण के लिए:

// ES6 代码
const a = 1, b = 2, c = 3;
const obj = { a, b, c };

// obj.a = 1, obj.b = 2, obj.c = 3

]

// ES6 代码
const lib = (() => {
  function sum(a, b) { return a   b; }
  function mult(a, b) { return a * b; }
  return { sum, mult };
})();

console.log(lib.sum(2, 3));  // 5
console.log(lib.mult(2, 3)); // 6

// es6 कोड const lib = { योग: (ए, बी) => ए बी, बहु: (ए, बी) => ए * बी }; कंसोल.लॉग (lib.sum (2, 3)); // 5 कंसोल.लॉग (lib.mult (2, 3)); // 6

// lib.js
function sum(a, b) { return a   b; }
function mult(a, b) { return a * b; }
export { sum, mult };

गतिशील विशेषता कुंजी

ES5 में, चर का उपयोग प्रमुख नामों के रूप में नहीं किया जा सकता है, हालांकि इसे द्वारा जोड़ा जा सकता है

। उदाहरण के लिए:

// ES5 代码
var lib = {
  sum: function(a, b) { return a   b; },
  mult: function(a, b) { return a * b; }
};

console.log(lib.sum(2, 3));  // 5
console.log(lib.mult(2, 3)); // 6

] उदाहरण के लिए:

// ES6 代码
const lib = {
  sum(a, b) { return a   b; },
  mult(a, b) { return a * b; }
};

console.log(lib.sum(2, 3));  // 5
console.log(lib.mult(2, 3)); // 6

किसी भी अभिव्यक्ति का उपयोग एक कुंजी बनाने के लिए किया जा सकता है। उदाहरण के लिए:

// es6 कोड const i = 1; const obj = {['i' i]: i}; कंसोल.लॉग (obj.i1); // 1

// ES6 代码
const lib = {
  sum: (a, b) => a   b,
  mult: (a, b) => a * b
};

console.log(lib.sum(2, 3));  // 5
console.log(lib.mult(2, 3)); // 6

// es6 कोड const i = 2; const obj = {['मल्टी' i]: x => x * i}; कंसोल.लॉग (obj.mult2 (5)); // 10

क्या गतिशील गुण और तरीके बनाए जाने चाहिए, एक और सवाल है। कोड को पढ़ना मुश्किल हो सकता है, ऑब्जेक्ट फैक्ट्री या क्लास बनाना सबसे अच्छा है।

] ] ] ]

] ]

]