جسٹاگرافک آررو فانکشن

ES6 میں پنچان فانکشن شروع کیا گیا.

پنچان فانکشن ہمیں کوتا کوتا فانکشن لکھنے کی اجازت دیتا ہے:

نویگیشن

let myFunction = (a, b) => a * b;

آپ خود کچھ کریں

پہلے:

hello = function() {
  return "Hello World!";
}

آپ خود کچھ کریں

پنچان فانکشن کا استعمال کے بعد:

هیولو = () => {
  return "Hello World!";
}

آپ خود کچھ کریں

بائیں جانب، اگر فانکشن کوئی ایک عمل صرف کرتا ہے اور واپسی کرتا ہے تو آپ بند اور return بند کو چھوڑ سکتے ہیں: بائیں جانب، اگر فانکشن کوئی ایک عمل صرف کرتا ہے اور واپسی کرتا ہے تو آپ بند اور return بند کو چھوڑ سکتے ہیں: کلیدی الفاظ:

پنچان فانکشن کا طبعی واپسی:

hello = () => "Hello World!";

آپ خود کچھ کریں

تذکرہ:یہ صرف فانکشن کوئی ایک عمل صرف کرتا ہے تو اہم ہوتا ہے.

اگر آپ کو کوئی پاریمتر ہو تو ان کو بند میں داخل کریں:

پاریمتر والا پنچان فانکشن:

hello = (val) => "Hello " + val;

آپ خود کچھ کریں

بائیں جانب، اگر کسی بجلی دینے والی اشیاء کا کوئی پاریمتر نہیں ہو تو آپ بند بغیر ان کو چھوڑ سکتے ہیں:

بغیر کچھ بند کا پنچان فانکشن:

hello = val => "Hello " + val;

آپ خود کچھ کریں

یہ کا سوال کیوں نہیں آتا؟

پنچان فانکشن کے مقابلے میں، معمولی فانکشن، یہ کا طریقہ بھی متفاوت ہوتا ہے.

کوتا کوتا کہنا، پنچان فانکشن کا استعمال نہیں کرنے پر، یہ کا بائنڈنگ.

معمولی فانکشن میں، کلیدی الفاظ، یہ کسی فانکشن کو بجلی دینے والی اشیاء کو ظاہر کرتا ہے، جو ویندو، ڈاکومن، بٹن یا کسی چیزی کا بجلی دینا ہو سکتا ہے.

پنچان فانکشن کے لئے،یہ کلیدی الفاظ ہمیشہ پنچان فانکشن کا تعین کرتے ہیں.

آئیے دو مثال دیکھیں تاکہ اس میں کس طرح کی فرق کا مفہوم پا سکیں.

یہ دو مثال دونوں مرتبہ کسی عمل کو بجلی دیتے ہیں، پہلے ویندو لوڈ ہونے پر، دوسرے مرتبہ استعمال کنندہ کسی بٹن پر کلک کرنے پر.

پہلے مثال معمولی فانکشن کا استعمال کرتا ہے، دوسرے مثال میں پنچان فانکشن کا استعمال کرتا ہے.

نتیجہ میں، پہلے مثال کو دو مختلف اشیاء (ویندو اور بٹن) باز میں لایا گیا، دوسرے مثال میں دو بار ویندو اشیاء باز میں لائی گئی، کیونکہ ویندو اشیاء فانکشن کا مالک ہیں.

مثال

معمولی فانکشن کے لئے، this کا معنای تعلق رکھنے والی اشیاء کو ظاہر کرتا ہے:

// معمولی فانکشن:
hello = function() {
  دکومنٹ اgetElementById(" دیمو").innerHTML += اس;
}
// ویندو اوبجیکٹ میں اس فانکشن کو بولی دیا گیا ہے:
ویندو اaddEventListener(" لوڈ", ہیولو);
// بوتن اوبجیکٹ میں اس فانکشن کو بولی دیا گیا ہے:
دکومنٹ اgetElementById("بوتن").addEventListener(" کلیک", ہیولو);

آپ خود کچھ کریں

مثال

اس سلسلے میں، پنچان اور یہ فانکشن کی مالکیت کا نمائش کرتا ہے:

// چینوئر فانکشن:
هیولو = () => {
  دکومنٹ اgetElementById(" دیمو").innerHTML += اس;
}
// ویندو اوبجیکٹ میں اس فانکشن کو بولی دیا گیا ہے:
ویندو اaddEventListener(" لوڈ", ہیولو);
// بوتن اوبجیکٹ میں اس فانکشن کو بولی دیا گیا ہے:
دکومنٹ اgetElementById("بوتن").addEventListener(" کلیک", ہیولو);

آپ خود کچھ کریں

فانکشن کا استعمال کے وقت یہ فرق یاد رکھیں۔ کبھی کبھی معمولی فانکشن کا رفتار جو چاہئیے اس کا پیمانہ چاہئیے، اگر نہ تو چینوئر فانکشن استعمال کریں۔

براؤزر کی پشتیبانی

درج ذیل جدول میں پہلی بار پورا طور پر جسٹا اسکریپٹ چینوئر فانکشن کا پشتیبانی کرنے والی براؤزر کی نسلیں دی گئی ہیں:

کروم آئی ای فائر فاکس سافری آپریا
کروم 45 ایج 12 فائر فاکس 22 سافری 10 آپریا 32
2015 ستمبر 2015 جولائی 2013 مئی 2016 ستمبر 2015 ستمبر