وظائف JavaScript المهمة التي تحتاج إلى معرفتها

ظهرت تطبيقات الويب الديناميكية بعد ولادة . مع تزايد شعبية تطبيقات الويب ، جافا سكريبت أصبحت إحدى أهم اللغات في عالم اليوم. تشرح مقالة وظيفة JavaScript هذه الطرق المختلفة لتعريف الوظائف في JavaScript بالتسلسل التالي:

• مقدمة في JavaScript
• أساسيات JavaScript
• وظيفة JavaScript
• وظائف محددة مسبقا
• طرق مختلفة لتعريف وظيفة JavaScript

مقدمة في JavaScript

JavaScript هو ملف مستوى عال و مترجم لغة برمجة تستخدم لجعل صفحات الويب أكثر تفاعلية. إنها لغة برمجة نصية قوية جدًا من جانب العميل تجعل صفحة الويب الخاصة بك أكثر حيوية وتفاعلية.

إنها لغة برمجة تساعدك على تنفيذ تصميم معقد وجميل على صفحات الويب. إذا كنت تريد أن تبدو صفحة الويب الخاصة بك على قيد الحياة وأن تفعل أكثر من مجرد التحديق عليك ، فإن JavaScript أمر لا بد منه.

أساسيات JavaScript

إذا كنت جديدًا في اللغة ، فأنت بحاجة إلى معرفة بعض من أساسيات جافا سكريبت سيساعدك ذلك على البدء في كتابة التعليمات البرمجية الخاصة بك. الأساسيات تشمل:

• المصفوفات
• المهام

يمكنك التحقق من للوصول إلى عمق هذه المفاهيم الأساسية وأساسيات JavaScript. في مقالة JavaScript Function هذه ، سنركز على الطرق المختلفة لتعريف الوظائف.

وظيفة JavaScript

وظيفة JavaScript هي ملف كتلة من التعليمات البرمجية التي تم تصميمها لأداء أي مهمة معينة. يمكنك تنفيذ وظيفة عن طريق استدعاءها. يُعرف هذا باسم التذرع أو الاتصال وظيفة.

لاستخدام دالة ، يجب عليك تعريفها في مكان ما في النطاق الذي ترغب في تسميتها منه. الفكرة هي وضع بعض المهام التي يتم تنفيذها بشكل شائع معًا وإنشاء وظيفة بحيث بدلاً من كتابة نفس الرمز مرارًا وتكرارًا لمدخلات مختلفة ، يمكننا استدعاء هذه الوظيفة المحددة.

الأساسية بناء الجملة لإنشاء وظيفة في JavaScript كما يلي:

function functionName (Parameter1، Parameter2، ..) {// Function body}

يتكون JavaScript من العديد من ملفات وظائف محددة مسبقا . ولكنه يسمح لنا أيضًا بإنشاء وظائف محددة من قبل المستخدم. لذلك دعونا نمضي قدمًا ونلقي نظرة على بعض الوظائف المحددة مسبقًا شائعة الاستخدام.

وظائف محددة مسبقا

يحتوي JavaScript على العديد من الوظائف المدمجة عالية المستوى. دعنا نلقي نظرة على بعض الوظائف المضمنة في اللغة.

لنأخذ مثالاً ونرى كيف تعمل هذه الوظائف المحددة مسبقًا في جافا سكريبت:

var x = 10 var y = 20 var a = Eval ('x * y') // Eval var b = parseInt ('10 .00 ') // ParseInt var c = parseFloat ('10') // ParseFloat escape ('مرحبًا إلى Edureka ') // Escape unescape (' مرحبًا بك في Edureka ') // Unescape

طرق مختلفة لتعريف وظيفة JavaScript

الملح مقابل الشيف مقابل الدمية

يمكن تعريف الوظيفة باستخدام طرق مختلفة. من المهم التحقق من كيفية تفاعل الوظيفة مع المكونات الخارجية ونوع الاستدعاء. تشمل الطرق المختلفة:

• • إعلان الوظيفة
  • تعبير وظيفي
  • تعريف طريقة الاختزال
  • دالة السهم
  • وظيفة المولد
  • مُنشئ الوظيفة

إعلان الوظيفة

يتكون إعلان الوظيفة من ملف وظيفة الكلمة ، اسم وظيفة إلزامية ، قائمة المعلمات في زوج من الأقواس وزوج من الأقواس المتعرجة التي تحدد رمز الجسم.

يتم تعريفه على أنه:

// وظيفة إعلان الوظيفة هي حتى (num) {return num٪ 2 === 0} isEven (24) // => true isEven (11) // => false

وظيفة isEven (عدد) هو تصريح دالة يستخدم لتحديد ما إذا كان الرقم زوجيًا.

التعبير عن الوظيفة

يتم تحديد تعبير الوظيفة بواسطة a وظيفة الكلمة ، متبوعًا باسم دالة اختياري ، وقائمة من المعلمات في زوج من الأقواس وزوج من الأقواس المتعرجة التي تحدد رمز الجسم.

يتم تعريفه على أنه:

const count = function (array) {// تعبير الدالة يُرجع array.length} طرق const = {أرقام: [2 ، 5 ، 8] ، sum: function () {// تعبير الدالة يُرجع this.numbers.reduce (function ( acc، num) {// func. expression return acc + num})}} count ([1، 7، 2]) // => 3 methods.sum () // => 15

ينشئ تعبير الوظيفة كائنًا وظيفيًا يمكن استخدامه في مواقف مختلفة مثل:

• يمكن أن تسند إلى متغير ك موضوع: count = function (…) {…}
• إنشاء طريقة على مجموع كائن: الوظيفة () {…}
• استخدم ال وظيفة عند أتصل مرة أخرى: .reduce (function (…) {…})

تعريف طريقة الاختزال

يتم استخدام تعريف طريقة الاختزال في إعلان طريقة في الكائن الحرفي وفصول ES6. يمكنك تحديدها باستخدام ملف اسم وظيفة ، متبوعة بقائمة من المعلمات في زوج من الأقواس وزوج من الأقواس المتعرجة التي تحدد بيانات الجسم.

يستخدم المثال التالي تعريف طريقة الاختزال في كائن حرفي:

مجموعة const = {عناصر: [] ، أضف (... عناصر) {this.items.push (... عناصر)} ، احصل على (فهرس) {return this.items [index]}} collection.add ('edureka '،' Online '،' JavaScript ') collection.get (1) // =>' edureka '

نهج الاختزال له عدة فوائد على تعريف الملكية التقليدية مثل:

• لديها بناء الجملة أقصر مما يسهل القراءة والكتابة.
• يؤدي هذا إلى إنشاء وظائف مسماة ، على عكس تعبير الدالة. إنه مفيد لـ التصحيح.

دالة السهم

يتم تعريف دالة السهم باستخدام زوج من الأقواس يحتوي على قائمة المعلمات ، متبوعًا بـ سهم سمين (=>) وزوج من الأقواس المتعرجة التي تحدد بيانات الجسم.

يوضح المثال التالي الاستخدام الأساسي لوظيفة السهم:

const absValue = (number) => {if (رقم 21 absValue (7) // => 7

هنا، absValue هي دالة سهم تحسب القيمة المطلقة لرقم.

وظيفة المولد

ترجع وظيفة المولد في JavaScript ملف مولد كهرباء موضوع. يشبه بناء الجملة تعبير الوظيفة أو إعلان الوظيفة أو إعلان الطريقة. لكنه يتطلب أ شخصية نجمة (*) .

يمكن الإعلان عن وظيفة المولد في الأشكال التالية:

• وظيفة نموذج إقرار الوظيفة * ():

function * indexGenerator () {var index = 0 while (true) {due index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g.next ( ) .value) // => 1

• دالة شكل التعبير عن الوظيفة * ():

const indexGenerator = الوظيفة * () {let index = 0 while (true) {due index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g. التالي (). القيمة) // => 1

• نموذج تعريف طريقة الاختزال * ():

const obj = {* indexGenerator () {var index = 0 while (true) {due index ++}}} const g = obj.indexGenerator () console.log (g.next (). value) // => 0 console. log (g.next (). value) // => 1

تقوم وظيفة المولد بإرجاع ملف كائن ز في جميع الحالات الثلاث. ثم يتم استخدامه لتوليد سلسلة من الأرقام المتزايدة.

منشئ الوظيفة

عندما يتم استدعاء الدالة كمنشئ ، فإن a وظيفة جديدة تم إنشاؤه. تصبح الوسائط التي يتم تمريرها إلى المُنشئ أسماء المعلمات للدالة الجديدة. هنا ، يتم استخدام الوسيطة الأخيرة كـ وظيفة الجسم الشفرة.

فمثلا:

دالة sum1 (a، b) {return a + b} const sum2 = function (a، b) {return a + b} const sum3 = (a، b) => a + b console.log (typeof sum1 === 'function') // => true console.log (typeof sum2 === 'function') // => true console.log (typeof sum3 === 'function') // => true

كانت هذه بعض الطرق المختلفة لتحديد الوظائف في JavaScript. بهذا نكون قد وصلنا إلى نهاية مقالتنا. أتمنى أن تكون قد فهمت ما هي وظائف JavaScript والطرق المختلفة لتعريفها.

الآن بعد أن تعرفت على وظيفة JavaScript ، تحقق من ملف بواسطة Edureka. سيساعدك تدريب شهادة تطوير الويب على تعلم كيفية إنشاء مواقع ويب رائعة باستخدام HTML5 و CSS3 و Twitter Bootstrap 3 و jQuery و Google APIs ونشرها في Amazon Simple Storage Service (S3).

لديك سؤال لنا؟ يرجى ذكر ذلك في قسم التعليقات في 'وظيفة JavaScript' وسنقوم بالرد عليك.