آگهی
article

توابع (Functions) در جاوا اسکریپت (JavaScript)

javascript-function

در اغلب زبان های برنامه نویسی توابع (Functions) نقش کلیدی در پیش برد اهداف برنامه نویس و تسهیل روند کدنویسی دارند، توابع مانند ماشین هایی هستند که هر بار با توجه به مواد اولیه ورودی خروجی متفاوتی تولید می کنند، خوشبختانه اصول کلی این مبحث در جاوا اسکریپت (JavaScript) شباهت زیادی به دیگر زبان خانواده برنامه نویسی وب یعنی PHP دارد، این موضوع باعث می شود کاربرانی که دوره جاوا اسکریپت را پشت سر می گذارند با فهم این مبحث در PHP نیز مشکلی نداشته باشند یا در حالت برعکس اگر با PHP آشنا باشیم به راحتی بخش توابع در جاوا اسکریپت را فرا خواهیم گرفت هر چند بهتر است ابتدا زبان های سمت کاربر را یاد بگیریم و سپس به بررسی برنامه نویسی سمت سرور بپردازیم، به هر صورت در ادامه آموزش های مقدماتی جاوا اسکریپت این بار به سراغ بحث توابع رفته ایم.

تابع چیست و چه کاربردی دارد؟


اولین سوالی که ممکن است به ذهنمان برسد این است که اصلا تابع چیست و چه کاربردی دارد؟!
پاسخ این است که در برنامه نویسی توابع یا Functions شبیه ماشین ها در دنیای واقعی هستند که با دستورالعمل ثابت هر بار با توجه به ورودی دریافتی خروجی متفاوتی تولید می کنند، توابع با این هدف در زبان های برنامه نویسی معرفی شده اند تا از چندبارنویسی عملیات های مشابه جلوگیری شود، به طور مثال نرم افزار نصب شده بر روی دستگاه چاپ را در دنیای واقعی تصور کنیم اگر بخواهیم 100 برگ کاغذ را با نوشته های مختلف بدون کمک نرم افزار و به صورت تنظیمات دستی پرینت کنیم قاعدتا زمان بسیار زیادی از ما خواهد گرفت، اما کافی است یک بار برای سخت افزار دستگاه برنامه بنویسیم و هر بار با توجه به تنظیمات مدنظرمان به هر تعداد که می خواهیم خروجی بگیریم، عملکرد توابع در دنیای برنامه نویسی هم بی شباهت به این مثال نیست، در برنامه نویسی شرایطی پیش می آید که یک روند به تعداد خیلی زیاد ممکن است تکرار شود، به طور مثال تنظیم فونت دلخواه در صفحات مختلف، اگر بخواهیم هر بار تمام جزئیات را مورد به مورد برای هر صفحه بنویسیم علاوه بر اینکه این کار وقت زیادی از ما می گیرد باعث افزایش ضریب خطا و حجم کلی کدنویسی صفحات خواهد شد، از این رو روش بهتر و حرفه ای تر آن است که یک بار الگویی را به شکل تابع بنویسیم و هر بار با ورودی های متفاوت (یا مشابه) خروجی مدنظرمان را دریافت کنیم.

شیوه نگارش (Syntax) توابع در جاوا اسکریپت


توابع در جاوا اسکریپت (JavaScript) با عبارت function تعریف و معمولا پارامترهایی به عنوان آرگیومنت (Argument) می پذیرند، آرگیومنت به زبان ساده یعنی همان ورودی هایی که به تابع داده می شود و می تواند از نوع عدد، رشته، آرایه، تابع و... باشد، مثال زیر Syntax صحیح نحوه تعریف یک تابع ساده را در جاوا اسکریپت نشان می دهد:
<script>
function userInfo(u, c){
    var user = 'your username: ' + u + '<br>';
    var country = 'your country: ' + c + '<br>';
    var output = user + country;
    
    return output;
}
document.write(userInfo('admin', 'Iran'));
</script>
توضیح:
- برای تعریف تابع در جاوا اسکریپت از عبارت function استفاده می کنیم.
- نام تابع باید با حروف انگلیسی (یا کاراکترهای _ و $) شروع شود و استفاده از اعداد به عنوان شروع تابع صحیح نیست اما می توانیم در ادامه از اعداد استفاده کنیم به فرض user1Info یا u123_info، دقت کنیم استفاده از کلماتی که به عنوان دستورات خاص در جاوا اسکریپت کاربرد دارند (به فرض var، if، default و...) مجاز نیست، برنامه نویسان برای خواناتر شدن کدها از عبارت های دارای معنی و معمولا به صورت کلمات چندبخشی (به فرض userInfo) استفاده می کنند.
- در نمونه تابع بالا دو آرگیومنت فرضی (u و c) به عنوان نام کاربری و کشور در ورودی دریافت می شود، در نظر گرفتن آرگیومنت برای تابع اجباری نیست و بسته به نیاز برنامه ممکن است تابع با یا بدون آرگیومنت نوشته شود.
- سپس درون تابع (بین کاراکترهای {}) سه متغیر با نام های دلخواه username، country و output تعریف شده که در واقع نهایتا خروجی به صورت
your username: admin
your country: Iran
برگردانده شده و در بیرون از تابع چاپ می شود.
- در قسمت return خروجی تابع ارسال می شود، در اینجا return متغیر output را که خود حاصل جمع دو متغیر name و country است به عنوان خروجی تابع برمی گرداند (به ارسال خروجی تابع در اصطلاح برگردان یا return می گویند)، استفاده از دستور return در تابع اجباری نیست و بسته به نوع تابع و عملیاتی که مد نظر است می توانیم از این دستور استفاده کنیم (معمولا توابع به همراه قسمت return تعریف می شوند).
نکته: در صورتی که در هر قسمت از تابع دستور return اجرا شود، ادامه پردازش کدهای آن (در صورت وجود) متوقف شده و عملیات تابع به پایان می رسد.
- دقت کنیم توابع در جاوا اسکریپت باید حتما با یک دستور یا رویداد فراخوانی شوند به طور مثال بارگذاری کامل صفحه (رویداد onload) یا کلیک کاربر بر روی یک دکمه (رویداد onclick) و...، در حالت عادی صرف وجود یک تابع در صفحه به خودی خود کار خاصی انجام نمی دهد، در مثال بالا فراخوانی تابع با دستور document.write انجام شده که نتیجه را در صفحه وب چاپ می کند.

روش های تعریف تابع در جاوا اسکریپت


همان طور که گفتیم تابع در جاوا اسکریپت (JavaScript) با عبارت function تعریف می شود اما روش های تعریف می تواند بسته به موقعیت و نیاز برنامه متفاوت باشد:
- تعریف تابع به صورت معمول
در این حالت تابع به صورت معمول و با در نظر گرفتن نام اختصاصی تعریف می شود، مثال:
<script>
function addNumbers(num_1, num_2, num_3){
    return num_1 + num_2 + num_3;
}
alert(addNumbers(8, 5, 7));
</script>
با درج این کد در صفحه HTML و اجرای فایل در مرورگر تابع addNumbers فراخوانی و خروجی زیر به صورت پیام هشدار نمایش داده می شود:
20
در این روش تابع به صورت معمول و مستقل تعریف شده است، دقت کنیم استفاده از عبارت addNumbers برای تعریف توابع دیگر در همان صفحه وب ممکن است نتایج ناخواسته در پی داشته باشد و در صورتی که دو تابع هم نام در یک اجرا داشته باشیم مفسر جاوا اسکریپت صرفا آخرین تابع را پردازش می کند.
- تعریف تابع با متغیر
یک روش دیگر تعریف تابع در نظر گرفتن نام به صورت متغیر است، مثال:
<script>
var myFunc;
//var num = 'JS';
var num = 20;
var result;

if(Number.isInteger(num)){
    myFunc = function(num){
        result = num - 5;
        return result;
    }
} else{
    myFunc = function(num){
        result = 'Error! Please Use Integer.';
        return result;
    }
}

alert(myFunc(num));
</script>
در این شیوه فرآیندی که تابع باید اجرا کند ابتدا با دستور شرطی (متد Number.isInteger) ارزیابی و سپس تابع تعریف می شود، با توجه به این نمونه کد اگر ورودی (متغیر فرضی num) برابر مقدار عددی باشد، قسمت اول شرط if اجرا و خروجی به صورت عدد زیر نمایش داده می شود:
15
اما اگر ورودی مقدار غیر عددی باشد (به فرض عبارت JS) خروجی به صورت زیر نمایش داده می شود:
Error! Please Use Integer.
دقت کنیم حتی اگر مقدار عددی را بین علامت های '' در متغیر num قرار دهیم (به فرض '10') در حالت عادی از دید مفسر جاوا اسکریپت مقدار درج شده رشته ای (String) است نه عددی (Integer) و پیام خطا نمایش داده خواهد شد.
- تعریف تابع در تابع دیگر
گاهی مواقع در برنامه نویسی موقعیت هایی پیش می آید که ممکن است به جهت ساختار کدها یا مختصرنویسی و پرهیز از کدنویسی مجزا برای انجام فرآیندهای تکراری نیاز به تعریف تابع در تابع دیگری باشد، مثال:
<script>
function addNumbers(num_1, num_2, num_3){
    var result = num_1 + num_2 + num_3;
    
    function showAlert(){
        alert(result);
    }
    
    return showAlert();
}

addNumbers(1, 5, 7);
</script>
خروجی نمونه کد بالا به صورت پیام هشدار نمایش داده می شود:
13
نکته مهم در این شیوه حدود (Scope) دسترسی به تابع درونی است که فقط در تابع اصلی قابل فراخوانی و استفاده است، به عبارت دیگر در نمونه کد بالا نمی توانیم تابع showAlert را در بیرون از تابع addNumbers فراخوانی کنیم.

حدود دسترسی تابع (Function Scope) در جاوا اسکریپت


منظور از حدود دسترسی یا Scope، وجود یا عدم وجود قابلیت استفاده از پارامترهای تابع (متغیر، تابع، آبجکت و..) در بیرون از تابع یا پارامترهای بیرون از تابع در تابع برای مفسر جاوا اسکریپت در زمان پردازش دستورات است، طبق قوانین زبان جاوا اسکریپت:
- هر متغیر، تابع یا آبجکتی که درون یک تابع تعریف می شود صرفا توسط همان تابع (یا تابعی که درون آن تابع تعریف شده باشد) قابل دسترس است، به طور مثال کد زیر خطا خواهد داشت:
<script>
function myScope_1(){
    var txt = 'Hello!';
}
function myScope_2(){
    return txt;
}
alert(myScope_2());
</script>
چون متغیر فرضی txt در تابع myScope_1 تعریف اما در تابع myScope_2 فراخوانی شده است با اجرای کدها مفسر جاوا اسکریپت خطای زیر را برمی گرداند:
ReferenceError: txt is not defined
بر طبق همین قانون کد زیر صحیح است و خطایی نخواهد داشت:
<script>
function myScope_1(){
    var txt = 'Hello!';
    
    function myScope_2(){
        return txt;
    }
    
    return myScope_2();
}

alert(myScope_1());
</script>
تابع myScope_2 درون تابع myScope_1 تعریف شده و به پارامترهای آن دسترسی دارد، نتیجه اجرای نمونه کد بالا پیام زیر خواهد بود:
Hello!
- متغیرهایی که بیرون از تابع به صورت دسترسی سراسری (Global Scope) تعریف شوند در تابع قابل استفاده و تغییر هستند، مثال:
<script>
var txt;
function myScope_1(){
    txt = 'Hello!';
}
function myScope_2(){
    return txt;
}
myScope_1();
alert(myScope_2());
</script>
متغیر txt در بیرون از توابع تعریف شده و در این حالت دسترسی سراسری یا Global Scope دارد، نتیجه اجرای نمونه کد بالا پیام زیر خواهد بود:
Hello!
نکته: همان طور که در نمونه کد بالا مشخص است متغیرهایی که به صورت سراسری تعریف می شوند در روند اجرای دستورات توسط توابع مختلف قابل تغییر هستند، در اینجا متغیر txt در بیرون از توابع تعریف، در تابع myScope_1 مقداردهی و در تابع myScope_2 فراخوانی شده است.
- توابعی که به صورت مستقل تعریف می شوند دسترسی سراسری Global Scope دارند و می توانیم از آنها در سایر توابع استفاده کنیم، مثال:
<script>
function myScope_1(){
    var txt = myScope_2('Welcome');
    return txt;
}
function myScope_2(str){
    return str + '!';
}
alert(myScope_1());
</script>
نتیجه کد بالا به صورت پیام هشدار و متن زیر نمایش داده می شود:
Welcome!
همان طور که مشخص است از تابع myScope_2 در تابع myScope_1 استفاده کرده ایم.

تابع بازگشتی (Recursive Function) در جاوا اسکریپت


توابع در جاوا اسکریپت این قابلیت را دارند که بسته به نیاز برنامه خودشان را فراخوانی کنند، به این حالت در اصطلاح تابع بازگشتی یا Recursive Function گفته می شود، مثال:
<script>
var num = 0;
function recurFunc(){
    if(num > 10){
        alert(num);
        return true;
    }
    
    num++;
    recurFunc();
}
recurFunc();
</script>
با اجرای این تابع تا زمانی که متغیر num کوچکتر یا مساوی با 10 باشد تابع مقدار متغیر را یک واحد افزایش و مجددا خودش را فراخوانی می کند، برای جلوگیری از دور تکرار بینهایت (infinite loop) تابع باید در مرحله ای خاتمه یابد، این خاتمه معمولا با در نظر گرفتن دستور شرطی (در اینجا if) انجام می شود و با اجرای دستور return دور تکرار خاتمه می یابد (مشابه با عملکرد دستور break در حلقه ها)، بر این اساس نتیجه تابع بالا به صورت زیر خواهد بود:
11
توابع بازگشتی ساز و کاری مشابه حلقه ها (for، while) دارند و با توجه به نیاز برنامه استفاده می شوند.

نحوه فراخوانی توابع در جاوا اسکریپت


توابع در جاوا اسکریپت بدون وجود رویدادها و دستورات کاربردی ندارند، یک رویداد یا دستور به معنی حالتی است که پس از وقوع یا اعمال آن موتور تابع به حرکت می افتد درست شبیه به استارت زدن یک خودرو!
اگرچه به صرف درج تابع در تگ های script می توانیم تابع را فراخوانی کنیم (مانند نمونه کدهای بالا) اما معمولا فراخوانی توابع در جاوا اسکریپت با رویدادها انجام می شود، در مثال زیر شیوه فراخوانی یک تابع را با دو رویداد پرکاربرد onclick (زمانی که کاربر بر روی یک عنصر کلیک می کند) و onload (زمانی که صفحه وب به صورت کامل بارگذاری می شود) بررسی می کنیم:
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>وبگو | فراخواني تابع در جاوا اسکريپت با رويداد onclick</title>
<!-- Webgoo.ir -->
<style>
body {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    direction: rtl;
    line-height: 22px;    
}
a {
    text-decoration: none;
}
</style>
</head>
<body>
<script>
function addNum(num1, num2){
    var elm = document.getElementById('result');
    var output = num1 + num2;
    
    return elm.innerHTML = output;
}
</script>
<noscript>جاوا اسکريپت در مرورگر شما غير فعال است يا پشتيباني نمي شود!</noscript>
<a href="#" onclick="addNum(3, 6);">براي مشاهده نحوه عملکرد تابع در جاوا اسکريپت، کليک کنيد</a>
<div id="result"></div>
</body>
</html>
توضیح:
- تابع بالا با رویداد onclick (کلیک کاربر بر روی لینک) اجرا می شود.
- دقت کنیم در جاوا اسکریپت نحوه تعیین مقادیر در نوع رفتار تابع اثرگذار است، به فرض اگر کد بالا را به صورت زیر فراخوانی کنیم به جای جمع دو عدد، حاصل ترکیب آنها به صورت یک رشته نمایش داده می شود:
//نمایش نتیجه به صورت یک رشته متنی
onclick="addNum('3', '6');"
//نمایش نتیجه به صورت حاصل جمع دو عدد
onclick="addNum(3, 6);"
دلیل این حالت استفاده از عملگر جمع (+) در تابع جاوا اسکریپتی است که هم برای مقادیر رشته ای (String) کاربرد دارد و هم مقادیر عددی (Integer).
- در این نمونه کد از متدهای document.getElementById و innerHTML استفاده شده است که در آموزش های پیش رو به صورت جداگانه در رابطه با آنها خواهیم گفت، فعلا در این حد بدانیم که با متد document.getElementById یک عنصر در صفحه انتخاب و با متد innerHTML مقادیر (کدهای HTML + متن) به عنصر مد نظر اضافه می شود.
در ادامه تابع دیگری را در رویداد onload (بارگذاری کامل صفحه) فراخوانی و با پیش نمایش آنلاین بررسی می کنیم.

پیش نمایش آنلاین


در نمونه کد زیر از رویداد onload (بارگذاری کامل صفحه) برای فراخوانی تابع استفاده کرده ایم که لینک پیش نمایش آنلاین آن نیز جهت بررسی درج شده است:
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>وبگو | فراخواني تابع در جاوا اسکريپت با رويداد onload</title>
<!-- Webgoo.ir -->
<style>
body {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    direction: rtl;
    line-height: 22px;    
}
a {
    text-decoration: none;
}
</style>
</head>
<body>
<noscript>جاوا اسکريپت در مرورگر شما غير فعال است يا پشتيباني نمي شود!</noscript>
با بارگذاری کامل صفحه رویداد onload اجرا شده و تابع welcome فراخوانی می شود.
<script>
function welcome(){
    var text = 'این پیام با فراخوانی تابع در جاوا اسکریپت نمایش داده می شود';
    var output = alert(text);
    
    return output;
}

window.onload = welcome();
</script>
</body>
</html>
پیش نمایش آنلاین
در این نمونه کد هیچ آرگیومنتی برای تابع در نظر نگرفته ایم، قبلا گفتیم که در نظر گرفتن آرگیومنت برای تابع اختیاری است و بستگی به نیاز برنامه دارد.
نکته: استفاده از رویداد onload معمولا می تواند به یکی از شیوه های زیر باشد:
- فراخوانی در تگ body، مثال:
<body onload="welcome();">
- فراخوانی با آبجکت window، مثال:
window.onload = welcome();
نتیجه هر دو روش یکسان است و تفاوت صرفا در شرایطی است که نتوانیم (به دلیل ساختار برنامه) یا نخواهیم (سلیقه برنامه نویس) از یک شیوه استفاده کنیم.
نکته: رویدادها در جاوا اسکریپت تنوع زیادی دارند و محدود به موارد گفته شده (onclick و onload) نمی شوند، در مباحث پیش رو از بخش آموزش های مقدماتی جاوا اسکریپت به صورت مفصل در این خصوص صحبت خواهیم کرد.
sectionدسته بندی: آموزش مقدماتی » JavaScript
related مطالب بیشتر:
» کار با پنجره Pop-up در جاوا اسکریپت (JavaScript)
» کار با تاریخ و زمان در جاوا اسکریپت (JavaScript)
» رویداد ها (Events) در جاوا اسکریپت (JavaScript)
» دستورات شرطی (Conditional Statements) در جاوا اسکریپت (JavaScript)
» کار با متد getElementById و innerHTML در جاوا اسکریپت (JavaScript)
commentنظرات (۴۹ یادداشت برای این مطلب ارسال شده است)
more یادداشت های جدید بر اساس تاریخ ارسال در انتهای یادداشت های موجود نمایش داده می شوند.
نویسنده: ارجمند
زمان: ۰۴:۱۵:۰۵ - تاریخ: ۱۳۹۹/۰۲/۰۵
درود بر شما
ضمن عرض ادب و احترام
نزدیک به 60 صفحه مطلب در مورد جاوااسکریپت (لعن الله علیه) خواندم اما پاسخ که نگرفتم هیچ گیج هم شدم!
موضوع بسیار ساده هست، من یک گردونه شانس دارم که با هر بار کلیک روی آن، یک مقدار را نشان می دهد، حالا سعی دارم این مقدار را به دیتابیس منتقل کنم؛ این هم کدها:
<div class="spin"><img src="#"></div>
<p></p>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
let num_spin;
let num_case;

const spin = () => {
num_case = Math.floor((Math.random() * 12) + 1);
num_spin = num_case;
console.log(num_spin + " - " + num_spin * 30);

$('.spin>img').addClass('para1');
};

const para2 = () => {
$('.spin>img').fadeOut(200);
$('.spin>img').removeAttr('class');
$('.spin>img').css('transform', 'rotate(' + ((num_spin * 30) - 15) + 'deg)');
$('.spin>img').fadeIn(500);

switch(num_case) {
case 12:
$('p').text('جایزه شما 12000 تومان');
break;
case 11:
$('p').text('جایزه شما 11000 تومان');
break;
case 10:
$('p').text('جایزه شما 10000 تومان');
break;
case 9:
$('p').text('جایزه شما 9000 تومان');
break;
case 8:
$('p').text('جایزه شما 8000 تومان');
break;
case 7:
$('p').text('جایزه شما 7000 تومان');
break;
case 6:
$('p').text('جایزه شما 6000 تومان');
break;
case 5:
$('p').text('جایزه شما 5000 تومان');
break;
case 4:
$('p').text('جایزه شما 4000 تومان');
break;
case 3:
$('p').text('جایزه شما 3000 تومان');
break;
case 2:
$('p').text('جایزه شما 2000 تومان');
break;
case 1:
$('p').text('جایزه شما 1000 تومان');
break;
}

var request = $.ajax({
url: "index.php",
method: "POST",
data: {num_case: num_case},
dataType: "html"
});

request.done(function(msg) {
alert("Request Done: " + msg);
});

request.fail(function(jqXHR, textStatus) {
alert("Request failed: " + textStatus);
});
};

spin();
para2();
</script>
در مورد امنیت هم اگر توضیح دهید
بیشتر سپاسگزار می شوم.
پاسخ: 
برای ارسال مقادیر از جاوا اسکریپت به سرور باید از Ajax استفاده کنید، نمونه تغییرات مورد نیاز در کدهای بالا اعمال شد، دقت کنید اطلاعات (در اینجا مقدار num_case) با متد POST به فایل فرضی index.php ارسال می شود، در این فایل باید با استفاده از دستورات PHP مقدار را با متد POST دریافت و بر اساس نیاز پرس و جوی MySQL بنویسید تا مقدار دریافت شده در دیتابیس سرور ذخیره شود، در نهایت پاسخ متنی در کدهای PHP چاپ و توسط Ajax به صفحه کاربر منتقل و با alert خروجی داده می شود، لذا علاوه بر مبحث ای جکس باید با نحوه کار PHP و MySQL نیز آشنا باشید.
نکته: کدهای شما مبتنی بر کتابخانه جاوا اسکریپتی جی کئوری است.
امنیت بیشتر در قسمت ذخیره سازی اطلاعات در دیتابیس باید مد نظر باشد که خود مبحث مجزا دارد و باید در آموزش های مقدماتی MySQL با این موارد آشنا شوید.
نویسنده: ارجمند
زمان: ۱۹:۰۴:۴۵ - تاریخ: ۱۳۹۹/۰۲/۰۵
درود بر شما، سپاسگزارم
عالی بود، حالا ارسال امتیاز و پاسخ انجام می شود اما مشکلی بزرگ وجود دارد؛
در فایل مقصد (index.php) کدهای زیر را نوشتم:
<?php
$value = $_POST["num_case"];
var_dump($value);
?>
اما به جای مقدار، null نمایش داده می شود!
هدفم ذخیره اطلاعات در یک جدول دیتابیس هست اما تا مقداری وجود نداشته باشد مسلما چیزی هم ذخیره نمی شود، لطفا راهنمایی بفرمایید.
پاسخ: 
تکه کد ویرایش شده به تنهایی قابل تست است و اگر با echo خروجی بگیرید مشکلی وجود ندارد (تست شد)، لذا اگر ایرادی باشد باید در هنگام استفاده در کد اصلی بروز کند که نیاز به بررسی کل برنامه است. می توانید در کدهای جاوا اسکریپت با دستور alert مقدار num_case را خروجی بگیرید و مطمئن شوید که خالی نباشد، همچنین در کدهای PHP ممکن است مقدار دریافت شود اما در ادامه در دستورات پرس و جوی دیتابیس به فرض به دلیل وجود خطا null ذخیره شود.
نویسنده: علی
زمان: ۲۰:۵۹:۰۹ - تاریخ: ۱۳۹۹/۰۳/۰۴
با سلام
من یه فانکشن نوشتم چطور میشه از توی جاوااسکریپت اون رو صدا بزنم در حقیقت می خوام از توی جاوا یه فانکشنی که تو جاوا نیست رو صدا بزنم.
یه مثال می زنم: مثلا می خواهیم هر ثانیه توسط فانکشن name نام Ali نمایش داده بشه
<script>
var myVar = setInterval(myTimer, 1000);
function myTimer() {
کد صدا زدن فانکشن name
}
</script>
function name(){echo 'Ali'}
پاسخ: 
اگر فانکشن در کدهای PHP تعریف شده با جاوا اسکریپت نمی توانیم به صورت مستقیم به تابع دسترسی داشته باشیم، راه حل معمول در این مواقع استفاده از ای جکس است، با ای جکس به فایل PHP درخواست ارسال و پاسخ دریافتی را به شکل دلخواه استفاده می کنیم، بسته به ساختار برنامه امکان استفاده ترکیبی از PHP و جاوا اسکریپت به شکل دیگری نیز وجود دارد، آموزش این حالت در سایت منتشر شده که با جستجوی عبارت "استفاده ترکیبی از جاوا اسکریپت و PHP + وبگو" در گوگل می توانید به آن دسترسی داشته باشید.
نویسنده: علی
زمان: ۱۱:۰۶:۲۲ - تاریخ: ۱۳۹۹/۰۳/۰۸
با سلام و درود فراوان
یه کد جاوا دارم می خوام هر ثانیه نام یه فایل یا پوشه ای رو بگیرم برای مقایسه تا صفحه رو ریلود کنم نام فایل به صورت عدد است مثلا در پوشه dl یک فایل به نام 10.php می باشد یا یک پوشه به نام 10 وجود دارد
/dl/10

<script>
var myVar = setInterval(myTimer, 1000);
function myTimer() {

var myfile = نام فایل یا پوشه;

if (myfile == 10) {
window.location = window.location;
}
}
</script>
چطور نام فایل یا پوشه رو بگیرم
با سپاس فراوان
پاسخ: 
به دلیل مسائل امنیت وب با جاوا اسکریپت نمی توانیم به فایل یا پوشه در سرور یا سیستم کاربر دسترسی مستقیم داشته باشیم، برای دریافت نام فایل یا پوشه موجود در یک دایرکتوری باید ابتدا یک درخواست ای جکس از کدهای جاوا اسکریپت به یک فایل PHP ارسال کنیم و در آن فایل با کدنویسی به صورت نمونه زیر نام فایل یا دایرکتوری مد نظر را در پاسخ چاپ نمائیم:
<?php
$directory = '/path/to/my/directory';
$scanned_directory = array_diff(scandir($directory), array('..', '.'));
echo $scanned_directory[0];
?>

https://www.php.net/manual/en/function.scandir.php
این پاسخ را در جاوا اسکریپت با متد XMLHttpRequest.responseText دریافت کرده و بررسی می کنیم، قاعدتا برای ارسال درخواست از جاوا اسکریپت به سرور و دریافت پاسخ باید با ای جکس و متدهای GET یا POST آشنا باشیم، آموزش این موارد و نحوه ارسال و دریافت اطلاعات به سرور در آموزش های مقدماتی Ajax شرح داده شده که می توانید از نمونه کدهای آن نیز استفاده کنید.
نکته: درخواست های Ajax نباید در فواصل زمانی خیلی کوتاه و پشت سر هم باشند، بهتر است حداقل 10 ثانیه بین هر درخواست فاصله وجود داشته باشد.
more لطفا پیش از ارسال یادداشت نکات زیر را مد نظر داشته باشید:
- مواردی که به کلی خارج از موضوع این مطلب هستند را در فرم منوی "تماس با ما" مطرح و پاسخ را از طریق ایمیل دریافت کنید.
- به سوالات کلی، مبهم، غیرضروری و مشکلاتی که تلاشی برای رفع آن نکرده باشید پاسخ کوتاه و مختصر داده خواهد شد!
- کدها و اسکریپت های طولانی را ترجیحا در یک صفحه وب آنلاین قرار دهید تا امکان تست و بررسی وجود داشته باشد.
- تمام یادداشت ها بررسی و برای هر کاربر زمان مشخصی جهت پاسخگویی در نظر گرفته می شود، لطفا از طرح سوالات متعدد در بازه زمانی کوتاه خودداری کنید.





4 × 6
 refresh
آخرین دیدگاه ها
more برای دسترسی سریع به یادداشت مربوطه می توانید از لینک مطلب در کادر زیر استفاده کنید.
form سحر
در:
سلام من وقتی میخوام توی قسمت صفحات جداگانه وبلاگم گزینه ادامه مطلب رو بیارم باید چیکار کنم چون فقط قسمت نوشته جدید همچین قابلیتی...
۱۵:۰۸:۱۹ ۱۳۹۹/۰۳/۰۸

form علی
در:
با سلام و درود فراوان یه کد جاوا دارم می خوام هر ثانیه نام یه فایل یا پوشه ای رو بگیرم برای مقایسه تا...
۱۱:۰۶:۲۲ ۱۳۹۹/۰۳/۰۸

form علیرضا
در:
با سلام مجدد در پاسخ یکی از کامنت هایم فرمودین که جهت فراخوانی (اجرای) یک فایل در سرور راس ساعت مشخص و صرف...
۱۱:۲۸:۲۴ ۱۳۹۹/۰۳/۰۵

form علیرضا
در:
سلام اگر بخواهیم صفحات سایت رأس ساعت مشخصی مثلا ساعت 12 ظهر رفرش بشه چه کدی رو باید استفاده کنیم. ممنون
۰۴:۴۳:۴۷ ۱۳۹۹/۰۳/۰۵

form علی
در:
با سلام من یه فانکشن نوشتم چطور میشه از توی جاوااسکریپت اون رو صدا بزنم در حقیقت می خوام از توی جاوا یه فانکشنی...
۲۰:۵۹:۰۹ ۱۳۹۹/۰۳/۰۴

form رویا
در:
سلام. خسته نباشید من جدیدا در بلاگفا وبلاگی راه اندازی کردم اما مشکلی دارم. وقتی قسمتی از متن رو انتخاب میکنم و لینک میکنم،...
۱۹:۵۴:۰۰ ۱۳۹۹/۰۳/۰۴

form علی
در:
چطور میشه همزمان با کلیک بر روی «تعویض کد» یعنی کد زیر: پوشه ساخته بشه. با سپاس
۰۹:۵۰:۲۷ ۱۳۹۹/۰۳/۰۳

form علی
در:
با سلام... من یه متغیر تعریف کردم مثلا رو بهش متصل کنیم ممنون از پاسختون.
۰۶:۱۶:۲۷ ۱۳۹۹/۰۳/۰۳

form یاسمن
در:
سلام یه برنامه ای که رشته رو به عنوان password دریافت کنه و کاراکتر فاصله نباشد طول رشته هم از 8 تا 50 باشه عدد...
۱۸:۵۲:۴۴ ۱۳۹۹/۰۳/۰۲

form مرتضی ق
در:
سلام خسته نباشید. یک سایت اصلی و مادر دارم مثلا www.m.com حالا سه سایت دیگر زیر مجموعه مثلا m1 و m2 و m3 من...
۱۸:۲۵:۱۱ ۱۳۹۹/۰۳/۰۲

form میترا
در:
با سلام ببخشید مطلبتون خیلی خوب بود یه سوال من با فتوشاپ انلاین کار می کنم نمی دونم چرا نمی تونم باهاش...
۱۸:۱۵:۱۰ ۱۳۹۹/۰۳/۰۲

form fatemeh
در:
پاراگراف زیر را داریم. چه تنظیماتی در CSS و HTML نیاز است تا در صفحه وببدرستی نمایش داده شود؟ میشه برا جواب این سوال...
۱۶:۳۲:۲۳ ۱۳۹۹/۰۳/۰۱

form علی
در:
با سلام و عرض ادب من یه فانکشن تعریف کردم و کدهای فایل ajax-loading-message.php رو درونش گذاشتم
۰۸:۴۲:۲۱ ۱۳۹۹/۰۳/۰۱

form Maryam
در:
سلام .. من میخاستم کدی بنویسم که خروجی آن دکمه on .. of باشه که با زدن دکمه رنگ پس زمینه تغییر کند ممنون میشم...
۰۲:۲۱:۳۴ ۱۳۹۹/۰۲/۳۱

form amir
در:
سلام ممنون از سایت خوبتون چطور میشه با جاوااسکریپت ایجکس و پی اچ پی بتونم تمامی جدول های دیتابیس رو هر کدوم با یه...
۲۰:۴۵:۵۲ ۱۳۹۹/۰۲/۳۰
form علی
در:
با سلام و عرض ادب بسیار سایت پر محتوایی دارید تبریک... می خواستم بپرسم اگر بخواهیم مثلا کاربر روی یک لینکی در سایت...
۰۷:۲۲:۰۱ ۱۳۹۹/۰۲/۳۰
form Edward ASharp
در:
سلام میشه همين فایلای کاملشو به من بدید؟
۰۰:۰۲:۲۱ ۱۳۹۹/۰۲/۳۰
form میکاییل
در:
سلام من پروزه ای دارم با mvc نوشته شده و در روت سایت فایل htacsess دارم که کد های زیر توشه ...
۰۲:۳۰:۰۲ ۱۳۹۹/۰۲/۲۹
form mahdi
در:
سلام استاد عزیز ، این درسته که با node.js دیگه نیازی به یادگیری php نخواهیم داشت؟
۲۲:۳۹:۳۶ ۱۳۹۹/۰۲/۲۸
form امیر مهدی
در:
سلام ممنونم از اینکه کمکم کردید ولی من منو رو با زیر منوها می خواستم کد شما زیر منوها رو از بین برد. منظور من...
۲۲:۳۰:۱۵ ۱۳۹۹/۰۲/۲۸
form امیر مهدی
در:
سلام. من در طراحی منو سایت با مشکل برخوردم. من منو خودم رو ساختم و متوجه شدم که منو من مقداری فضا از سمت چپ...
۱۹:۲۴:۰۱ ۱۳۹۹/۰۲/۲۸
form امین
در:
خیلی خیلی ممنون از اینکه جواب دادید اما الان که امتحان کردم مجموع همه ی سفارشات رو میزنه یعنی اگر 3 نفر سفارش دادن...
۱۳:۴۶:۵۵ ۱۳۹۹/۰۲/۲۸
form امین
در:
درود به شما خسته نباشید یک سوال داشتم خیلی گشتم اما پیدا نکردم من دیتابیسی برای مثال invert دارم میخوام یک صفحه...
۰۱:۰۰:۴۵ ۱۳۹۹/۰۲/۲۸
form امیر
در:
عالی بود. سپاس گذارم
۱۰:۱۹:۴۴ ۱۳۹۹/۰۲/۲۷
form فرامرز اسماعیلی
در:
سلام خسته نباشید. من داخل ویرایشگرهای notepad++ یا Braket دستور html رو می نویسم یعنی فایل متنی به صورت index.html رو می خواهم اجرا کنم...
۲۲:۴۱:۴۳ ۱۳۹۹/۰۲/۲۶
form پری
در:
سلام بعضی از سایت ها وقتی اهنگ بعدی رو پلی میگنیم اهنگ قبلی که در حال پخش است به طور خودگار قطع میشود میشه این...
۱۴:۲۲:۲۵ ۱۳۹۹/۰۲/۲۶
form ilia Delbar
در:
خیلییییییییییی خوبه! فقط دلم می خواد یه برنامه درست کنم رنگ ها رو نشون بده (رنگ تگ ها)
۱۳:۱۵:۱۹ ۱۳۹۹/۰۲/۲۶
form زهیر صفری
در:
با سلام چطور میتونم تاریخ تولد فرد ایرانی رو بگیره مثلا از input و سن فرد رو در input بعدی نمایش بده میتونید...
۱۲:۳۸:۵۷ ۱۳۹۹/۰۲/۲۶
form حبیب
در:
با سلام بنده از طریق مودم خانه به اینترنت وصل شدم هم با کامپیوتر و هم با موبایل. اما ای پی در هر...
۰۳:۱۲:۵۴ ۱۳۹۹/۰۲/۲۶
form امین
در:
سلام خسته نباشید امیدوارم جوابمو بدید من داخل یک صفحه این کد جاوا رو دارم میخوام خروجی که میده رو داخل...
۱۳:۴۴:۳۳ ۱۳۹۹/۰۲/۲۵
form امیر هادی نجاتی
در:
ممنون از شما. این قسمت (استفاده از جاوا اسکریپت برای غیر فعال کردن کلیک راست) واقعا به دردم خورد .
۲۱:۰۳:۵۰ ۱۳۹۹/۰۲/۲۴
form لیلا
در:
سلام ، ببخشید من میخوام یک مدرک رو در سایت آپلود کنم ولی ارور زیر رو میده . میشه راهنماییم کنید. ممنون
۱۴:۵۲:۴۷ ۱۳۹۹/۰۲/۲۴
form زهرا جعفری
در:
با سلام بنده میخواهم در جاوااسکریپت یک textbox داشته باشم که در آن یک دکمه چشمک زن بذارم وسط متن و وقتی روی...
۱۰:۰۱:۵۱ ۱۳۹۹/۰۲/۲۴
form جواد
در:
سلام. مقادیر و اطلاعاتی از یک سایت دیگه با همین متد file get contents میگیرم که روی لوکال هاست سرعتش خوبه، روی سرور هم بد...
۲۲:۰۳:۲۲ ۱۳۹۹/۰۲/۲۳
form علی رضایی
در:
در خط آخر خطای نحوه ارسال آرگومان می دهد. خطای syntax است یا دستور مورد دارد؟
۱۳:۲۹:۴۹ ۱۳۹۹/۰۲/۲۳
form علی
در:
سلام میخوام مطالب مرتبط با موضوعات سایتم رو در پایین اونها نمایش بدم چجوری میتونم این کار رو بکنم
۰۱:۲۸:۰۰ ۱۳۹۹/۰۲/۲۳
form امیرحسین
در:
با سلام. من تو css میخوام از اتریبیوت border-radius استفاده کنم ولی وقتی مقدارشو مثلا توی div زیاد میذارم متن داخل div بیرون میاد میخواستم...
۱۹:۵۲:۳۰ ۱۳۹۹/۰۲/۲۲
form امیرعلی
در:
با سلام بنده میخواستم بدانم که میشود تگ div را با این روش ها پنهان کرد من میخواهم افزونه ی وردپرسی را...
۱۲:۳۹:۲۶ ۱۳۹۹/۰۲/۲۲
form یوسف رضایی
در:
با سلام و خسته نباشید خواستم بپرسم خروجی یک فرم (با چند گزینه) بر روی برووزر که اماده برای ارسال برای سرور هست را توی...
۱۱:۱۴:۰۳ ۱۳۹۹/۰۲/۲۲
form سعیده
در:
سلام من یه اهنگ که تو وبلاگم میزارم صفحه پخش اهنگ میاد و بلندگوش ولی اون مثلث پلی کنندش نمیاد یعنی عملا واسم...
۱۵:۴۱:۰۵ ۱۳۹۹/۰۲/۲۱
form مجید اسکندری فر
در:
سلام حدود 700 تصویر رو در وبلاگم بارگذاری کردم و حدود 6000 بازدید داشته علت عدم نمایش تصاویر بارگذاری شده در وبلاگم چیست؟ خیلی زحمت...
۱۰:۳۲:۴۵ ۱۳۹۹/۰۲/۲۱
form علیرضا
در:
سلام، ممنون از مطلب کاملتون یه نکته رو هم من اضافه کنم برای کاملتر شدن مقاله، هر آدرس آی پی از یک شناسه هاست...
۰۹:۳۷:۵۰ ۱۳۹۹/۰۲/۲۱
form mahdi
در:
سلام استاد عزیز ، خیلی ممنون از راهنمایی ، انجامشون میدم، فکر میکنم همه این کارارو بلد باشم فقط WYSIWYG رو اصلا نشنیده بودم که...
۰۷:۱۸:۳۷ ۱۳۹۹/۰۲/۲۱
form معصومه
در:
سلام، امروز دیدم که عکس های وبلاگم حذف شده چرا؟ چطور میتونم برشون گردونم؟ عکس ها رو از سایت پیکو فایل آپلود میکردم، هرچقدرم سعی...
۱۴:۵۳:۵۱ ۱۳۹۹/۰۲/۲۰
form mahdi
در:
سلام استاد عزیز و گرامی ، یه درخواستی داشتم ازتون میخوام اگه براتون ممکنه من رو در جاوا اسکریپت بسنجی که بدونم چیا بلدم...
۱۴:۱۸:۵۸ ۱۳۹۹/۰۲/۱۹
form امیر
در:
با سلام، خدمت دوستان عزیز دو جدول به نام‌های Messages و Comments موجود هستند. در جدول Comments فیلدی به نام IDElement وجود دارد که...
۰۵:۲۹:۳۸ ۱۳۹۹/۰۲/۱۹
form ehsan hoseini sianaki
در:
سلام خیلی عالی و کاربردی بود. خسته نباشید.
۲۳:۰۰:۵۱ ۱۳۹۹/۰۲/۱۷
form امید
در:
با سلام و عرض ادب فیلتری میخوام که تعداد جوابهای فیلترهای سایت tse بورس که با جاوا نوشته شده رو بگه مثلا قرار...
۰۰:۱۰:۵۱ ۱۳۹۹/۰۲/۱۷
form احسان
در:
سلام ببخشید من هر کار میکنم تو گوشی اندروید با Html یه عکس رو در سایت خودم بزارم هیچی نمیشه فقط یه علامت عکس میاد...
۲۲:۲۸:۳۷ ۱۳۹۹/۰۲/۱۶
form hasti
در:
سلام . وقت بخیر . میشه مثالی بزنید که right over join برابر با inner join (داخلی) بشه . /با order و customer/ ...
۲۰:۰۵:۱۷ ۱۳۹۹/۰۲/۱۶
form میثم
در:
سلام مجدد من دیگه اینقدر با این کدها ور رفتم دیوونه شدم. این کل تابع منه. شما می تونید برای حل مشکلی که...
۱۷:۳۰:۳۱ ۱۳۹۹/۰۲/۱۶
form میثم
در:
سلام در تکمیل سوالی که خدمت شما عرض شد: ببینید ما دو تا فیلد فایل داریم توی اولی عکس اپ میشه و توی...
۱۶:۲۶:۲۶ ۱۳۹۹/۰۲/۱۶
form ماردین
در:
سلام من میخواستم ببینم چکار کنم که اولین query رو بدون حذف بقیه query ها حذف کنم
۱۵:۵۲:۵۴ ۱۳۹۹/۰۲/۱۶
form میثم
در:
سلام یه سوال خدمت شما داشتم. من با جاوا اسکریپت میخوام بخش فایل توی فرمم رو چک کنم. توی فرم 2 تا فیلد...
۱۱:۴۷:۵۲ ۱۳۹۹/۰۲/۱۶
form amir mtf
در:
سلام ببخشید من میخواستم در تگ این‌پوت برخی از کلمات و علامت ها رو حذف کنم. یک درخواست دیگر هم دارم اگه میشه کد...
۱۲:۳۷:۰۵ ۱۳۹۹/۰۲/۱۵
form کیوان
در:
سلام ممنون از سایت خوبتون، من یه فرم دارم که اطلاعاتش رو از دیتابیس میگیره، چطور میتونم با نوشتن حلقه بعد از چاپ سه...
۱۸:۲۲:۲۴ ۱۳۹۹/۰۲/۱۳
form mohammad
در:
آموزشتون خیلی فهما و دقیق بود ممنون
۲۱:۵۵:۳۸ ۱۳۹۹/۰۲/۱۲
form محمودی
در:
سلام چطوری میتونم برای سایت ثبت نام کدبورسی و ثبت نام ارز دیجیتال بک لینک بگیرم
۱۵:۲۶:۰۷ ۱۳۹۹/۰۲/۱۲
در انتظار بررسی: ۰