محرر ويب أونلاين

<!DOCTYPE html>
<html>
<body>
    <h1>Javascript Callback Function</h1>
    <script>
        // و فيها باراميترين printNames هنا قمنا بتعريف دالة إسمها
        // الأول عبارة عن مصفوفة تحتوي على أسماء
        // و الثاني بمثابة دالة يتم تعريفها عند استدعاء الدالة
        function printNames(arr, callbackFunction) {
            // e و يتم تخزينه بشكل مؤقت في المتغير arr هنا سيتم المرور على كل عنصر في المصفوفة
            for (e of arr) {
                // callbackFunction هنا سيتم استدعاء الدالة التي يتم تعريفها مكان الباراميتر
                // لها e و تمرير قيمة العنصر المخزنة في المتغير
                callbackFunction(e);
            }
        }

// هنا قمنا بتعريف مصفوفة وضعنا فيها 4 عناصر
        const names = ['Mhamad', 'Hala', 'Samy', 'Maria'];

// و تمرير مصفوفة و دالة لها printNames هنا قمنا باستدعاء الدالة
        // و عدد أحرفه name الدالة التي قمنا بتمريرها تطبع النص الموجود في البراميتر
        printNames(names, (name) => {
            document.write(name + ' contains ' + name.length + ' letters.<br>');
        });
    </script>
</body>
</html>