বেনিয়ামিন আমাকে আমার অবস্থান পরিষ্কার করতে বলেছিলেন, তাই আমি আমার আগের পোস্টটি সম্পাদনা করে আরও চিন্তাভাবনা যুক্ত করেছি।
ক্লিন কোড নামে একটি দুর্দান্ত বইয়ের লেখক বব মার্টিন। Book বইটিতে অবজেক্টস এবং ডেটা স্ট্রাকচার নামে একটি অধ্যায় (অধ্যায়)) রয়েছে, যা তিনি অবজেক্টস এবং ডেটা স্ট্রাকচারের মধ্যে সবচেয়ে গুরুত্বপূর্ণ পার্থক্য নিয়ে আলোচনা করেন এবং দাবি করেন যে আমাদের মধ্যে তাদের নির্বাচন করতে হবে, কারণ সেগুলি মিশ্রণ একটি খুব খারাপ ধারণা।
এই বিভ্রান্তি কখনও কখনও দুর্ভাগ্যজনক হাইব্রিড কাঠামোর দিকে নিয়ে যায় যা অর্ধেক অবজেক্ট এবং অর্ধেক ডেটা স্ট্রাকচার। তাদের ফাংশন রয়েছে যা তাৎপর্যপূর্ণ কাজ করে, এবং তাদের পাবলিক ভেরিয়েবল বা পাবলিক অ্যাকসেসর এবং মিউটরগুলিও রয়েছে যা সমস্ত উদ্দেশ্য এবং উদ্দেশ্যে ব্যক্তিগত ভেরিয়েবলগুলিকে পাবলিক করে তোলে, অন্যান্য বহিরাগত ক্রিয়াকলাপগুলিকে প্রক্রিয়াকরণের প্রোগ্রামটি যেভাবে ব্যবহার করবে সেভাবে ব্যবহার করতে প্ররোচিত করে other ডেটা স্ট্রাকচার ৪. এই জাতীয় সংকরগুলি নতুন ফাংশন যুক্ত করা শক্ত করে তোলে তবে নতুন ডেটা স্ট্রাকচার যুক্ত করা শক্ত করে তোলে। তারা উভয় বিশ্বের সবচেয়ে খারাপ। এগুলি তৈরি করা এড়িয়ে চলুন। এগুলি একটি আবদ্ধ নকশার সূচক যাঁর লেখকরা functions বা তার থেকেও খারাপ, অজ্ঞ — তাদের ফাংশন বা প্রকার থেকে সুরক্ষা প্রয়োজন কিনা তা সম্পর্কে অনিশ্চিত।
আমি মনে করি DOM এই বিষয়বস্তু এবং ডেটা স্ট্রাকচার হাইব্রিডগুলির একটি উদাহরণ। উদাহরণস্বরূপ DOM দ্বারা আমরা কোডগুলি এই জাতীয়ভাবে লিখি:
el.appendChild(node);
el.childNodes;
// bleeding internals
el.setAttribute(attr, val);
el.attributes;
// bleeding internals
el.style.color;
// at least this is okay
el = document.createElement(tag);
doc = document.implementation.createHTMLDocument();
// document is both a factory and a tree root
ডিওএম একটি হাইব্রিডের পরিবর্তে একটি ডেটা স্ট্রাকচার হওয়া উচিত।
el.childNodes.add(node);
// or el.childNodes[el.childNodes.length] = node;
el.childNodes;
el.attributes.put(attr, val);
// or el.attributes[attr] = val;
el.attributes;
el.style.get("color");
// or el.style.color;
factory = new HtmlNodeFactory();
el = factory.createElement(document, tag);
doc = factory.createDocument();
JQuery ফ্রেমওয়ার্ক হ'ল প্রক্রিয়াগুলির একটি গোছা, যা ডিওএম নোডের সংগ্রহ নির্বাচন এবং সংশোধন করতে পারে এবং আরও অনেকগুলি কাজ করতে পারে। লরেন্ট যেমন তার পোস্টে উল্লেখ করেছেন, jQuery হুডের নীচে এরকম কিছু:
html(select("#body"), "<p>hello</p>");
JQuery এর বিকাশকারীরা এই সমস্ত প্রক্রিয়াটি একটি একক শ্রেণিতে মার্জ করে যা উপরে তালিকাভুক্ত সমস্ত বৈশিষ্ট্যের জন্য দায়ী। সুতরাং এটি স্পষ্টতই একক দায়িত্বের নীতি লঙ্ঘন করে এবং তাই এটি godশ্বরের অবজেক্ট। একমাত্র জিনিস কারণ এটি কোনও কিছু ভঙ্গ করে না, কারণ এটি একটি একক স্ট্যান্ডেলোন শ্রেণি যা একটি একক ডেটা স্ট্রাকচারের (ডিওএম নোডের সংগ্রহ) কাজ করে। আমরা jQuery সাবক্লাস বা অন্য কোনও ডেটা স্ট্রাকচার যুক্ত করলে প্রকল্পটি খুব দ্রুত ধসে পড়বে। সুতরাং আমি মনে করি না যে আমরা jQuery দ্বারা oo সম্পর্কে কথা বলতে পারি oo এর চেয়ে এটি প্রক্রিয়াগত নয় যদিও এটি কোনও শ্রেণির সংজ্ঞা দেয়।
লরেন্ট যা দাবি করে তা সম্পূর্ণ বাজে কথা:
তো এসবের মানে কি? যে jQuery (লিনকুইয়ের মতো) Godশ্বর অ্যান্টি-প্যাটার্ন অবজেক্ট নয়। এটি পরিবর্তে খুব সম্মানজনক প্যাটার্নের একটি মামলা যা ডেকোরেটর বলে।
ডেকোরেটর প্যাটার্নটি ইন্টারফেসটি রেখে এবং বিদ্যমান ক্লাসগুলি সংশোধন না করে নতুন কার্যকারিতা যুক্ত করার বিষয়ে। উদাহরণ স্বরূপ:
আপনি 2 টি ক্লাস সংজ্ঞায়িত করতে পারেন যা একই ইন্টারফেস প্রয়োগ করে তবে সম্পূর্ণ ভিন্ন বাস্তবায়ন সহ:
/**
* @interface
*/
var Something = function (){};
/**
* @argument {string} arg1 The first argument.
* @argument {string} arg2 The second argument.
*/
Something.prototype.doSomething = function (arg1, arg2){};
/**
* @class
* @implements {Something}
*/
var A = function (){
// ...
};
/**
* @argument {string} arg1 The first argument.
* @argument {string} arg2 The second argument.
*/
A.prototype.doSomething = function (arg1, arg2){
// doSomething implementation of A
};
/**
* @class
* @implements {Something}
*/
var B = function (){
// ...
};
/**
* @argument {string} arg1 The first argument.
* @argument {string} arg2 The second argument.
*/
B.prototype.doSomething = function (arg1, arg2){
// doSomething implementation of B
// it is completely different from the implementation of A
// that's why it cannot be a sub-class of A
};
যদি আপনার কাছে এমন পদ্ধতি রয়েছে যা কেবলমাত্র সাধারণ ইন্টারফেস ব্যবহার করে তবে আপনি এ এবং বি এর মধ্যে একই কোডটি অনুলিপি-পেষ্ট করার পরিবর্তে এক বা একাধিক ডেকরেটারকে সংজ্ঞায়িত করতে পারেন আপনি এমনকি কোনও নেস্টেড স্ট্রাকচারেও এই সজ্জা ব্যবহার করতে পারেন।
/**
* @class
* @implements {Something}
* @argument {Something} something The decorated object.
*/
var SomethingDecorator = function (something){
this.something = something;
// ...
};
/**
* @argument {string} arg1 The first argument.
* @argument {string} arg2 The second argument.
*/
SomethingDecorator.prototype.doSomething = function (arg1, arg2){
return this.something.doSomething(arg1, arg2);
};
/**
* A new method which can be common by A and B.
*
* @argument {function} done The callback.
* @argument {string} arg1 The first argument.
* @argument {string} arg2 The second argument.
*/
SomethingDecorator.prototype.doSomethingDelayed = function (done, arg1, arg2){
var err, res;
setTimeout(function (){
try {
res = this.doSomething(o.arg1, o.arg2);
} catch (e) {
err = e;
}
callback(err, res);
}, 1000);
};
সুতরাং আপনি উচ্চতর বিমূর্ত স্তর স্তরের সাজসজ্জার দৃষ্টান্তগুলির সাথে মূল দৃষ্টান্তগুলি প্রতিস্থাপন করতে পারেন।
function decorateWithManyFeatures(something){
var d1 = new SomethingDecorator(something);
var d2 = new AnotherSomethingDecorator(d1);
// ...
return dn;
}
var a = new A();
var b = new B();
var decoratedA = decorateWithManyFeatures(a);
var decoratedB = decorateWithManyFeatures(b);
decoratedA.doSomethingDelayed(...);
decoratedB.doSomethingDelayed(...);
এই উপসংহারে যে jQuery কোনও কিছুর সাজসজ্জার সামগ্রী নয়, কারণ এটি অ্যারে, নোডলিস্ট বা অন্য কোনও ডিওএম অবজেক্টের মতো একই ইন্টারফেস প্রয়োগ করে না। এটি নিজস্ব ইন্টারফেস প্রয়োগ করে। মডিউলগুলি পাশাপাশি সজ্জা হিসাবে ব্যবহৃত হয় না, তারা কেবল আসল প্রোটোটাইপকে ওভাররাইড করে। সুতরাং ডেকোরেটর প্যাটার্নটি পুরো jQuery লাইবে ব্যবহৃত হয় না। JQuery শ্রেণিটি কেবল একটি বিশাল অ্যাডাপ্টার যা আমাদের বিভিন্ন ব্রাউজার দ্বারা একই API ব্যবহার করতে দেয়। ওও দৃষ্টিকোণ থেকে এটি একটি সম্পূর্ণ জগাখিচুড়ি, তবে এটি আসলে কার্যকর নয়, এটি কার্যকরভাবে কাজ করে, এবং আমরা এটি ব্যবহার করি।
$ফাংশন বা কোনওjQueryজিনিসের প্রয়োজন হয় না