اذهب إلى المحتوى
  • 0

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

خميس الشمري

السؤال

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

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

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

نضع البارامتر  عندما نريد تمرير قيمة الى 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]


أطيب تحياتي.

تم التعديل في بواسطة عزام عبد الحافظ
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

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

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

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

myFunction(2, 10);
#result 20


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

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

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

welcomeMsg();

 

تم التعديل في بواسطة Nabil Tayeh
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

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

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

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

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

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

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

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

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

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

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

تحياتى لك

رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

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

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

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

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

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

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

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

welcomeMsg(Ali);

#result/ Welcome Ali

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

وجزاك الله خيرا ,إليك مثال مع 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>


أطيب تحياتي.

تم التعديل في بواسطة عزام عبد الحافظ
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

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

<!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
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ منذ ساعة مضت قال 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>

 

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

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

فى البداية يجب أن نتفق على أن ال 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)
}

 

تم التعديل في بواسطة Mohammed Saber
عدم إكمال الإجابة
رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...