জেএস বিষয়বস্তু সংজ্ঞায়নের এই উপায়টির কোনও উদ্দেশ্য আছে?

Question 1

আমি কিছু লিগ্যাসি কোড বজায় করছি এবং আমি লক্ষ্য করেছি যে সংজ্ঞায়িত অবজেক্টগুলির জন্য নিম্নলিখিত প্যাটার্নটি ব্যবহৃত হয়েছে:

var MyObject = {};

(function (root) {

    root.myFunction = function (foo) {
        //do something
    };

})(MyObject);

এর কোন উদ্দেশ্য আছে কি? এটি কি কেবল নীচের কাজগুলির সমান?

var MyObject = {

    myFunction : function (foo) {
        //do something
    };

};

আমি আমার পছন্দ অনুসারে পুরো কোডবেসটি রিফ্যাক্টর করার জন্য কোনও পবিত্র কোয়েস্টে প্রবেশ করতে যাচ্ছি না, তবে বস্তুর সংজ্ঞা দেওয়ার সেই রাউন্ডআউট পথের পিছনে কারণটি আমি সত্যিই বুঝতে চাই।

ধন্যবাদ!

Question 2

একে মডিউল প্যাটার্ন বলা হয় http://toddmotto.com/mastering-t- Module-pattern/

মূল কারণটি হ'ল সত্যিকারের ব্যক্তিগত পদ্ধতি এবং ভেরিয়েবলগুলি তৈরি করা। আপনার ক্ষেত্রে এটি অর্থবহ নয় কারণ এটি কোনও প্রয়োগের বিবরণ গোপন করে না।

এখানে একটি উদাহরণ যেখানে এটি মডিউল প্যাটার্নটি ব্যবহার করে তোলে তা বোঝায়।

var MyNameSpace = {};

(function(ns){
    // The value variable is hidden from the outside world
    var value = 0;

    // So is this function
    function adder(num) {
       return num + 1;
    }

    ns.getNext = function () {
       return value = adder(value);
    }
})(MyNameSpace);

var id = MyNameSpace.getNext(); // 1
var otherId = MyNameSpace.getNext(); // 2
var otherId = MyNameSpace.getNext(); // 3

যদিও আপনি যদি কেবল একটি সরল অবজেক্ট ব্যবহার করেন adderএবং valueসর্বজনীন হয়ে যান

var MyNameSpace = {
    value: 0,
    adder: function(num) {
       return num + 1;
    },
    getNext: function() {
       return this.value = this.adder(this.value);
    }
}

এবং আপনি এটি স্টাফ পছন্দ মত করে এটি ভেঙে ফেলতে পারে

MyNameSpace.getNext(); // 1
MyNameSpace.value = 0;
MyNameSpace.getNext(); // 1 again
delete MyNameSpace.adder;
MyNameSpace.getNext(); // error undefined is not a function

তবে মডিউল সংস্করণ সহ

MyNameSpace.getNext(); // 1
 // Is not affecting the internal value, it's creating a new property
MyNameSpace.value = 0;
MyNameSpace.getNext(); // 2, yessss
// Is not deleting anything
delete MyNameSpace.adder;
MyNameSpace.getNext(); // no problemo, outputs 3

Question 3

উদ্দেশ্যটি হ'ল বন্ধের মধ্যে ফাংশনগুলির অ্যাক্সেসযোগ্যতা সীমাবদ্ধ করা যাতে অন্য স্ক্রিপ্টগুলিতে এতে কোড চালানো থেকে রোধ করা যায়। এটি একটি প্রায় মোড়কে অবসান আপনি redefining হয় সুযোগ ভিতরে সব কোডের জন্য মৃত্যুদণ্ড অবসান এবং কার্যকরভাবে একটি প্রাইভেট সুযোগ তৈরি করা। আরও তথ্যের জন্য এই নিবন্ধটি দেখুন:

http://lupomontero.com/ using-javascript-closures-to-create-private-scopes/

নিবন্ধ থেকে:

জাভাস্ক্রিপ্টের অন্যতম পরিচিত সমস্যা হ'ল বৈশ্বিক ক্ষেত্রের উপর নির্ভরতা, যার মূলত অর্থ হল যে আপনি কোনও ক্রিয়াকলাপের বাইরে ঘোষিত যে কোনও ভেরিয়েবল একই নাম স্থানে বাস করেন: অশুভ উইন্ডো অবজেক্ট। ওয়েব পৃষ্ঠাগুলির প্রকৃতির কারণে, বিভিন্ন উত্স থেকে প্রাপ্ত অনেকগুলি স্ক্রিপ্ট একই পৃষ্ঠায় একটি সাধারণ বৈশ্বিক সুযোগ ভাগ করে নিতে পারে (এবং হবে) এবং এটি সত্যই খারাপ জিনিস হতে পারে কারণ এটি নাম সংঘর্ষের কারণ হতে পারে (একই নামগুলির সাথে ভেরিয়েবল) ওভাররাইট করা হচ্ছে) এবং সুরক্ষা সমস্যা। সমস্যাটি হ্রাস করতে আমরা জাভাস্ক্রিপ্টের শক্তিশালী বন্ধগুলি ব্যক্তিগত স্কোপগুলি তৈরি করতে ব্যবহার করতে পারি যেখানে আমরা নিশ্চিত হতে পারি যে আমাদের ভেরিয়েবলগুলি পৃষ্ঠার অন্যান্য স্ক্রিপ্টগুলিতে অদৃশ্য।

কোড:

var MyObject = {};

(function (root) {
    function myPrivateFunction() {
       return "I can only be called from within the closure";
    }

    root.myFunction = function (foo) {
        //do something
    };    

    myPrivateFunction(); // returns "I can only be called from within the closure"

})(MyObject);


myPrivateFunction(); // throws error - undefined is not a function

Question 4

সুবিধাদি:

ব্যক্তিগত সুযোগে পরিবর্তনশীল বজায় রাখে।
আপনি বিদ্যমান বস্তুর কার্যকারিতা প্রসারিত করতে পারেন।
কর্মক্ষমতা বৃদ্ধি করা হয়।

আমি মনে করি উপরোক্ত তিনটি সাধারণ পয়েন্টগুলি এই নিয়মগুলি অনুসরণ করার জন্য যথেষ্ট। এবং এটিকে সহজ রাখতে এটি অভ্যন্তরীণ ফাংশনগুলি লেখার বাইরে কিছুই নয়।

Question 5

আপনি যে নির্দিষ্ট ক্ষেত্রে দেখান, কার্যকারিতা বা দৃশ্যমানতার দিক থেকে কোনও অর্থপূর্ণ পার্থক্য নেই।

সম্ভবত সম্ভবত আসল কোডারটি এই পদ্ধতির এক ধরণের টেম্পলেট হিসাবে গ্রহণ করেছিলেন যা তাকে ব্যক্তিগত ভেরিয়েবলগুলি সংজ্ঞায়িত করতে দেয় যা এই জাতীয় জিনিসের সংজ্ঞা হিসাবে ব্যবহৃত হতে পারে myFunction:

var MyObject = {};
(function(root) {
    var seconds_per_day = 24 * 60 * 60;   // <-- private variable
    root.myFunction = function(foo) {
        return seconds_per_day;
    };
})(MyObject);

এটি seconds_per_dayবিশ্বব্যাপী সুযোগকে দূষিত করা থেকে দূরে রাখার সাথে সাথে ফাংশনটি ডাকা প্রতিটি সময় গণনা করা এড়ায়।

যাইহোক, মূলত এর থেকে আলাদা এবং কেবল বলার মতো কিছুই নেই

var MyObject = function() {
    var seconds_per_day = 24 * 60 * 60;
    return {
        myFunction: function(foo) {
            return seconds_per_day;
        }
    };
}();

মূল কোডার root.myFunction = functionএর অবজেক্ট / প্রপার্টি সিনট্যাক্সের পরিবর্তে এর ঘোষণামূলক বাক্য গঠন ব্যবহার করে অবজেক্টে ফাংশন যুক্ত করতে সক্ষম হতে পারে myFunction: function। তবে সেই পার্থক্যটি মূলত পছন্দের বিষয়।

তবে মূল কোডার দ্বারা গৃহীত কাঠামোর সুবিধা রয়েছে যে বৈশিষ্ট্য / পদ্ধতিগুলি কোডের অন্য কোনও জায়গায় সহজেই যুক্ত করা যায়:

var MyObject = {};
(function(root) {
    var seconds_per_day = 24 * 60 * 60;
    root.myFunction = function(foo) {
        return seconds_per_day;
    };
})(MyObject);

(function(root) {
    var another_private_variable = Math.pi;
    root.myFunction2 = function(bar) { };
})(MyObject);

নীচের লাইন, আপনার প্রয়োজন না হলে এই পদ্ধতির অবলম্বন করার দরকার নেই, তবে এটি পরিবর্তন করারও দরকার নেই, কারণ এটি পুরোপুরি ভালভাবে কাজ করে এবং এর কিছু সুবিধা রয়েছে।

Question 6

প্রথম প্যাটার্নটি মডিউল হিসাবে ব্যবহার করা যেতে পারে যা কোনও অবজেক্ট নেয় এবং সেই বস্তুকে কিছু পরিবর্তন করে ফেরত দেয়। অন্য কথায়, আপনি নিম্নলিখিত হিসাবে এই ধরনের মডিউল সংজ্ঞায়িত করতে পারেন।
```
var module = function (root) {
    root.myFunction = function (foo) {
        //do something
    };
}
```
এবং এটি ব্যবহার করুন:
```
var obj = {};
module(obj);
```
সুতরাং একটি সুবিধা হ'ল পরে ব্যবহারের জন্য এই মডিউলটির পুনরায় ব্যবহারযোগ্যতা।

প্রথম প্যাটার্নে, আপনি আপনার ব্যক্তিগত জিনিস যেমন ব্যক্তিগত সম্পত্তি এবং পদ্ধতি সংরক্ষণ করতে একটি ব্যক্তিগত সুযোগ নির্ধারণ করতে পারেন । উদাহরণস্বরূপ, এই স্নিপেট বিবেচনা করুন:
```
(function (root) {

    // A private property
    var factor = 3;

    root.multiply = function (foo) {
        return foo * factor;
    };
})(MyObject);
```

এই ধরণটি অ্যারে, অবজেক্ট ল্যাটারালস, ফাংশনগুলির মতো সমস্ত ধরণের অবজেক্টে কোনও পদ্ধতি বা সম্পত্তি যুক্ত করতে ব্যবহার করা যেতে পারে।
```
function sum(a, b) {
    return a + b;
}

(function (root) {
    // A private property
    var factor = 3;
    root.multiply = function (foo) {
        return foo * factor;
    };
})(sum);

console.log(sum(1, 2)); // 3
console.log(sum.multiply(4)); // 12
```

আমার মতে মূল সুবিধাটি দ্বিতীয়টি হতে পারে (একটি ব্যক্তিগত সুযোগ তৈরি করা)

Question 7

এই নিদর্শনটি এমন একটি সুযোগ দেয় যেখানে আপনি সহায়তাকারী ফাংশনগুলি সংজ্ঞায়িত করতে পারেন যা বৈশ্বিক সুযোগে দৃশ্যমান নয়:

(function (root) {

    function doFoo() { ... };

    root.myFunction = function (foo) {
        //do something
        doFoo();
        //do something else
    };

})(MyObject);

doFoo বেনামে ফাংশনে স্থানীয়, এটি বাইরে থেকে উল্লেখ করা যায় না।