متى توضع البارامتر لل (para)function في جافا سكربت

خميس الشمري · 17 أبريل 2020

السلام عليكم و رحمة الله و بركاته ... سؤالي هو متى توضع البارامتر لل function(fff) في جافا سكربت ؟؟ و متى تترك الأقواس فارغة ؟؟؟

هل من موضح لي مع الأمثلة جزاكم الله خير ..

عزام عبد الحافظ · 17 أبريل 2020

وعليكم السلام ورحمة الله وبركاته @خميس الشمري.

نضع البارامتر عندما نريد تمرير قيمة الى function , و ثم تستعمل لإداء واجب بها. مثال :

function multiply(x, y) {
   return x * y;
} 

var result = multiply(2,2);

console.log(result); //عرض النتيجة

و تترك الأقواس فارغة عندما لا نحتاج إستدعاء الfunction . اسم function بدون الأقواس هو مرجع للدالة , مثال :


var numbers = [3, 10, 9 , 6];

function compareNums(a, b){
  return a - b;
}

numbers.sort(compareNums);

console.log(numbers); // النتيجة [3, 6, 9, 10]

أطيب تحياتي.

تم التعديل في 17 أبريل 2020 بواسطة عزام عبد الحافظ

Nabil Tayeh · 17 أبريل 2020

وعليكم السلام
بخصوص وضع الباراميترات في دوال الجافا سكريبت, الأمر يعتمد على الهدف من هذه الدالة, مثلاُ لو أردنا إنشاء دالة لطباعة مجموع رقمين قيمة أحدهما غير ثابتة, هنا يتم إنشاء دالة بهذا الشكل.

function myFunction(p1, p2) {
  return p1 + p2;   // هنا يتم إرجاع المجموع الكلي للمتغيرين
}

الإستدعاء هنا يكون من خلال إسم الدالة مع قيم المتغيرات

myFunction(2, 10);
#result 20

إنما لو أردنا إنشاء دالة الهدف منها عمل شي ثابت مثلا طباعة رسالة ترحيبية عند إستدعاء الدالة

function welcomeMsg() {
  return alert('You are Welcome');   // هنا يتم إرجاع رسالة ثابتة عند كل عملية إستدعاء للدالة
}

الإستدعاء هنا فقط من خلال إسم الدالة

welcomeMsg();

تم التعديل في 17 أبريل 2020 بواسطة Nabil Tayeh

محمد سعيد17 · 17 أبريل 2020

السلام عليكم @خميس الشمري

فائدة الدوال هى منع تكرار الاوامر مرة اخرى وهى عبارة عن مصنع يتم انتاج العمليات فيه

فمثلا دالة لجمع رقمين

function sum(){
  return 1 + 2;
}
sum();

لو اردنا جمع ارقام مختلفة هل فى كل مرة نبدأ بعمل نفس الدالة بالطبع لا

لذلك وجدت الباراميترات وهى عمل متغيرات يتم تعريفها عند انشاء الدالة ومن الممكن استخدامها فى عدة اماكن اخرى مثلا

function sum(x,y){
return x+y;
}
sum(5,6);

فى هذه الحالة يتم جمع الناتج بناء على ما تعطيه للدالة من ارقام

عندما نريد استخدام الدالة فى مكان اخر لجمع رقمين مختلفين لا يستلزم استخدام الدالة مرة اخرى

فقط نقوم باستدعاء sum(الرقم الاول,الرقم الاخر) فقط

تحياتى لك

خميس الشمري · 17 أبريل 2020

جزاكم الله خير على التوضيح .. أحيانا يضعون بارامتر واحد فقط ... فما الهدف من ذلك ؟؟؟

عزام عبد الحافظ · 17 أبريل 2020

بتاريخ 2 دقائق مضت قال خميس الشمري:

جزاكم الله خير على التوضيح .. أحيانا يضعون بارامتر واحد فقط ... فما الهدف من ذلك ؟؟؟

وجزاك الله خيرا , يمكن وضع بارامتر واحد إذا لم يتطلب واجب الfunction أكثر من ذالك , مثال :

function LogName(name){
	console.log(name);
}

LogName("Adam"); // عرض الإسم

Nabil Tayeh · 17 أبريل 2020

قد تكون هنا عملية ما على هذا المتغير, على سبيل المثال, إردت توجيه رسالة ترحيبية للشخص بإسمه

function welcomeMsg($name) {
  return alert('Welcome/ ' . name);
}

welcomeMsg(Ali);

#result/ Welcome Ali

خميس الشمري · 17 أبريل 2020

جزاكم الله خير ... أظني قد فهمت لكن ليس بشكل كامل .

قد أكون محتاج لمثال تفصيلي كيف يتم تطبيق ذلك على html

Nabil Tayeh · 17 أبريل 2020

بإمكاني هنا عمل مثال كامل لك

<!DOCTYPE html>
<html>
  <head>
    <title>The First Example</title>
  </head>
<body>

<h1>Sum To Variables</h1>

<script>
function myFunction(a, b) {
  return a + b;
}
</script>

</body>
</html>

عزام عبد الحافظ · 17 أبريل 2020

وجزاك الله خيرا ,إليك مثال مع html, يقوم بعملية ضرب و عرض النتيجة . إنسخ الكود إلى ملف html و جربه في المتصفح عندك :

<!DOCTYPE html>
<html>
    <head>
       
        <style>
            .container{
                width: 80%;
                margin-top: 100px;
            }
        </style>
    </head>
    <body>
        <div class="container">
           
            <input type="text" id="text1">
            <input type="text" id="text2">
            <button onclick="multiply(document.getElementById('text1').value,document.getElementById('text2').value)">Multiply Numbers</button>
            <div><h1 id="result"></h1></div>
          
        </div>
        <script>
            function multiply(a,b){
                document.getElementById("result").innerHTML = a * b;
            }
        </script>
    </body>
</html>

أطيب تحياتي.

تم التعديل في 17 أبريل 2020 بواسطة عزام عبد الحافظ

Nabil Tayeh · 17 أبريل 2020

وكذلك هنا مثال بإستخدام متغير واحد فقط

<!DOCTYPE html>
<html>
  <head>
    <title>The Second Example</title>
  </head>
<body>

<h1>Your Age</h1>

<script>
function myAge(age) {
  if(age <= 15){
    	return "You Are young";
     }
  else{
    return "You Are Old";
  }
  
}
</script>

</body>
</html>

المثال الأخير لدالة من غير أي متغيرات

<!DOCTYPE html>
<html>
  <head>
    <title>The Third Example</title>
  </head>
<body>

<h1></h1>

<script>
function printWelcome() {
	alert("You are Welcome, Thank you to visit us again");  
}
  printWelcome();
</script>

</body>
</html>

تم التعديل في 17 أبريل 2020 بواسطة Nabil Tayeh

خميس الشمري · 17 أبريل 2020

بتاريخ منذ ساعة مضت قال Nabil Tayeh:

بإمكاني هنا عمل مثال كامل لك


<!DOCTYPE html>
<html>
  <head>
    <title>The First Example</title>
  </head>
<body>

<h1>Sum To Variables</h1>

<script>
function myFunction(a, b) {
  return a + b;
}
</script>

</body>
</html>

بتاريخ منذ ساعة مضت قال عزام عبد الحافظ:

وجزاك الله خيرا ,إليك مثال مع html, يقوم بعملية ضرب و عرض النتيجة . إنسخ الكود إلى ملف html و جربه في المتصفح عندك :


<!DOCTYPE html>
<html>
    <head>
       
        <style>
            .container{
                width: 80%;
                margin-top: 100px;
            }
        </style>
    </head>
    <body>
        <div class="container">
           
            <input type="text" id="text1">
            <input type="text" id="text2">
            <button onclick="multiply(document.getElementById('text1').value,document.getElementById('text2').value)">Multiply Numbers</button>
            <div><h1 id="result"></h1></div>
          
        </div>
        <script>
            function multiply(a,b){
                document.getElementById("result").innerHTML = a * b;
            }
        </script>
    </body>
</html>

أطيب تحياتي.

بتاريخ منذ ساعة مضت قال Nabil Tayeh:

وكذلك هنا مثال بإستخدام متغير واحد فقط


<!DOCTYPE html>
<html>
  <head>
    <title>The Second Example</title>
  </head>
<body>

<h1>Your Age</h1>

<script>
function myAge(age) {
  if(age <= 15){
    	return "You Are young";
     }
  else{
    return "You Are Old";
  }
  
}
</script>

</body>
</html>

المثال الأخير لدالة من غير أي متغيرات


<!DOCTYPE html>
<html>
  <head>
    <title>The Third Example</title>
  </head>
<body>

<h1></h1>

<script>
function printWelcome() {
	alert("You are Welcome, Thank you to visit us again");  
}
  printWelcome();
</script>

</body>
</html>

بارك الله فيكم و رحم والديكم و جزاكم الله خير .

Nabil Tayeh · 17 أبريل 2020

جزاك الله خيراً وعلمك ما ينفعك

Mohammed Saber6 · 2 مايو 2020

السلام عليكم ورحمة الله وبركاته

فى البداية يجب أن نتفق على أن ال Parameters هى المعطيات التي سوف تأخذها الدالة وبناءاً عليها سوف تنفذ بعض العمليات وفي النهاية سوف تعدي الدالة Output ف الخطوات اللازمة هي كالآتى
1/ هل أنا أحتاج أى Param لإستخدامه بداخل الدالة ؟
ج / الجواب يعتمد على الدالة نفسها
س / كيف ؟
ج / تابع المثال

<!-- هنا عندى زر عند الضغط عليه أريد إضفة 5 إلى مثلا أى متغير فى الجافا سكربت -->
<button onclick='addFive()'></button>

ودالة الجافا سكربت عبارة عن الآتى

var x = 1;


function addFive() {
	/* هنا أريد إضافة رقم ديناميكيا إلى قيمة المتغير 

		x
	 */
	console.log(dynamicValue + x)
}

اذا أنا أريد قيمة أن تدخل فى عملية حسابية داخل الدالة ولذلك أن أسأل نفسى كيف أمررها إلى الدالة نفسها وهنا يأتى دور ال Param تضيفها أولا إلى الدالة هنا فى ال HTML

<!-- هنا يتم إضافة الرقم  -->
<button onclick='addFive(5)'></button>

وأيضا يتم إستخدامها فى الجافا سكربت كالآتى

var x = 1;

/* نلاحظ هنا أننا مررنا 
	param 
للدالة ولا يهم الإسم بتاتا المهم أن يكون إسم يصف نفسه 
 */
function addFive(dynamicValue) {
	console.log(dynamicValue + x)
}

تم التعديل في 2 مايو 2020 بواسطة Mohammed Saber
عدم إكمال الإجابة

متى توضع البارامتر لل (para)function في جافا سكربت

السؤال

خميس الشمري

13 أجوبة على هذا السؤال

Recommended Posts

عزام عبد الحافظ

Nabil Tayeh

محمد سعيد17

خميس الشمري

عزام عبد الحافظ

Nabil Tayeh

خميس الشمري

Nabil Tayeh

عزام عبد الحافظ

Nabil Tayeh

خميس الشمري

Nabil Tayeh

Mohammed Saber6

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية