जावास्क्रिप्ट जादू: तर्क

arguments एक बहुत ही विशिष्ट बात है जो शुरुआती और यहां तक ​​कि शौकीनों को ही पता है कि यह "एक सरणी की तरह है, लेकिन किसी तरह का गलत" है। वास्तव में, इसमें कई दिलचस्प विशेषताएं हैं। मैं TypeHinting, डिफ़ॉल्ट तर्क और किसी अन्य विषय पर इस विषय में कल्पना करने का प्रस्ताव करता हूं।

 (function (foo, bar) { console.log(typeof arguments); // ? arguments[0] = 42; console.log(foo); // ? })(10, 20); 

और एक दिलचस्प विचार पुस्तकालय भी दिखाते हैं

 function test (foo, bar) { Args(arguments).defaults(100, 100); return [foo, bar]; }; test( ); // 100, 100 test(15 ); // 15, 100 test(21, 42); // 21, 42 

सबसे पहले, मैं यह नोट करना चाहूंगा कि विषय में व्यक्त किए गए कई विचार काफी विवादास्पद हैं। मुझे खुद यकीन नहीं है कि मैं उनका इस्तेमाल करूंगा और शुरुआती लोगों को उन्हें इस्तेमाल करने की सलाह नहीं दूंगा।

तर्क क्या हैं

यह एक हैश है। सामान्य हैश की तरह var object = {}

 (function () { console.log( typeof arguments, // object Object.getPrototypeOf(arguments) == Object.prototype // true ) })(); 

इससे एक सरणी बनाना सरल है:

 var array = Array.prototype.slice.call(arguments, 0); //  ,   : var array = [].slice.call(arguments, 0); 

हम arguments ओर से ऐरे प्रोटोटाइप के slice विधि को कहते हैं।

तर्कों में क्या है

arguments.length arguments.length - फ़ंक्शन को दिए गए तर्कों की संख्या।

 var count = function () { console.log(arguments.length); }; count(); // 0 count(first, second); // 2 

यह मत भूलो कि प्रत्येक फ़ंक्शन में एक length गुण भी होता है, जो इंगित करता है कि इसके हेडर में कितने तत्व घोषित किए गए हैं:

 function one (foo) {}; function three (foo, bar, qux) {}; console.log( one.length); // 1 console.log(three.length); // 3 

arguments.callee arguments.callee - फंक्शन का एक लिंक।

 function foo () { console.log(arguments.callee === foo); // true } 

इस तरह से आप जांच सकते हैं कि तत्वों की सही संख्या को स्थानांतरित किया गया है या नहीं:

 function test (foo, bar, qux) { return arguments.callee.length === arguments.length; } test(1); // false test(1,2,3); // true 

तर्क में तर्क

arguments में पारित तर्कों की एक सूची भी शामिल है।

 function test (foo, bar) { console.log(foo, bar); // 'a', 'b' console.log(arguments[0], arguments[1]); // 'a', 'b' } test('a', 'b'); 

अब दिलचस्प भाग के लिए। कई लोग यह नहीं जानते कि तर्कों का उद्देश्य - वास्तव में संदर्भ होते हैं, मूल्य नहीं, और तर्कों से निकटता से संबंधित है:

 (function (foo) { arguments[0] = 42; console.log(foo); // 42! foo = 20; console.log(arguments[0]); // 20 })(5); 

इसके अलावा, कनेक्शन काफी मजबूत है:

 function foo (qux) { change(arguments); return qux; }; function change(a) { a[0] = 42; } foo(10); // 42 

इससे क्या प्राप्त किया जा सकता है?

कई प्रोग्रामिंग भाषाओं में "डिफ़ॉल्ट चर हैं।" उदाहरण के लिए, php:

 function ($foo = 30, $bar = 'test') { var_dump($foo); var_dump($bar); } 

जावास्क्रिप्ट में, यह कुछ इस तरह दिखेगा:

 function (foo, bar) { if (typeof foo === 'undefined') foo = 30; if (typeof bar === 'undefined') bar = 'test'; console.log(foo, bar); } 

arguments की विशेषताओं को जानने के बाद arguments आप एक सुंदर इंटरफ़ेस बना सकते हैं:

 function test(foo, bar) { Args(arguments).defaults(30, 'test'); console.log(foo, bar) } test(); // 30, 'test' 

इस कोड का उपयोग करना:

 function Args (args) { if (this instanceof Args) { this.args = args; } else { //     new,    ,      return new Args(args); } }; Args.prototype = { defaults: function () { var defaults = arguments; for (var i = defaults.length; i--;) { if (typeof args[i] === 'undefined') args[i] = defaults[i]; } return this; } }; 

इसी तरह, आप स्वचालित प्रकार की कास्टिंग कर सकते हैं:

 function test(foo) { Args(arguments) .defaults(10) .cast(Number); console.log(foo) } test('0100'); // 100 

या टाइप हिंटिंग:

 function test(foo, bar) { Args(arguments).types(Foo, Bar); // code } test(new Foo(), new Bar()); test(1, 2); // Error 

दिलचस्प विचारों का - यह संदेश कि सभी तर्क आवश्यक हैं:

 function test (foo, bar, qux) { Args(arguments).allRequired(); } test(1,2,3); // success test(1,2); // Error: 3 args required, 2 given 

निष्कर्ष

मैंने इन सभी विचारों और अवसरों (और इससे भी अधिक) को पुस्तकालय में डिज़ाइन किया - Args.js.
मैं इस बात से सहमत हूं कि कुछ चीजें (जैसे टाइपहिन्टिंग) भाषा की विचारधारा के अनुकूल नहीं हैं। उसी समय, उदाहरण के लिए, चूक एक बहुत सुविधाजनक चीज है, आईएमएचओ।
अभी के लिए, यह एक प्रोटोटाइप है, और इससे पहले कि आप इसका उपयोग करें, सुनिश्चित करें कि आपको वास्तव में इसकी आवश्यकता है, और यह नहीं कि आप सिर्फ एक सुंदर भाषा से सी # के समान कुछ बनाने की कोशिश करते हैं।
मेरा सुझाव है कि चर्चा करना, कोड की आलोचना करना, कुछ जोड़े ढूंढना और कोड की कुछ पंक्तियां करना)

Args.js

दुर्भाग्य से, तीन लोकप्रिय ब्राउज़रों (आईई, एफएक्स , ओपेरा) में एक बग के कारण, मैं वांछित प्रभाव प्राप्त नहीं कर सका , सबसे स्वादिष्ट चीज ने केवल क्रोम में काम किया (ठीक है, कम से कम यह नोड में काम करेगा)। आशा है कि हम इस समस्या को एक साथ हल करेंगे।

UPD : टिप्पणियों में, उन्हें पता चला कि यह एक क्रोम बग है, लेकिन क्या सुखद है! धन्यवाद जमैका