نتائج البحث
اذهب إلى التنقل
اذهب إلى البحث
العمل مع JavaScript في ريلز
يغطي هذا الدليل وظيفة Ajax/JavaScript المضمّنة في ريلز (والمزيد)؛ وسوف يمكنك من إنشاء تطبيقات Ajax غنية وديناميكية بكل سهولة! ستتعلم بعد قراءة هذا الدليل: أساسيات Ajax. جافاسكربت الواضحة (Unobtrusive JavaScript). كيف يساعدك مساعدو ريلز المدمجون (built-in helpers). كيفية التعامل مع Ajax من طرف الخادم. الجوهرة Turbolinks. مقدمة لفهم Ajax لفهم أجاكس، يجب أولًا فهم ما يفعله متصفّح الويب بشكل طبيعي. عندما تكتب http://localhost:3000 في شريط عنوان المتصفّح وتضغط على "Go" ، يقدّم المتصفح ("العميل") طلبًا للخادم، ويفرز الاستجابة ثم يجلب ...
الدالة Promise.prototype.finally() في JavaScript
الدالة finally() تعيد وعدًا Pormise، وعندما تُقرَّر قيمة الوعد، سواءً كان مقبولًا أو مرفوضًا، فستُنفَّذ دالة رد النداء (callback) المُحدَّدة. وهذا ما يوفِّر طريقة لتنفيذ شيفرة ما بعد التعامل مع كائن Pormise سواءً كان الوعد مقبولًا أو مرفوضًا. تسمح هذه الدالة لنا بتفادي تكرار الشيفرات في دوال then() و catch(). البنية العامة p.finally(onFinally);
p.finally(function() {
// قُرِّرَت قيمة الوعد، سواءً كان مقبولًا أم مرفوضًا
});
المعاملات onFinally الدالة التي ستُستدعى عند تقرير قيمة الوعد. القيمة المعادة كائن Pormise الذي تكون ...
دالة getter في JavaScript
البنية get تؤدي إلى ربط خاصية من خاصيات الكائن بدالة التي ستستدعى عند محاولة الوصول إلى قيمة تلك الخاصية. البنية العامة {get prop() { ... } }
{get [expression]() { ... } }
prop اسم الخاصية الذي سترتبط بالدالة المعطية. expression بدءًا من ECMAScript 2015 (أي ES6)، يمكن استخدام التعابير لإنشاء أسماء محسوبة للخاصيات التي سترتبط بالدالة المعطية. الوصف يمكن أن تستخدم دالة getter في JavaScript لتنفيذ دالة معيّنة عندما تتم محاولة الوصول إلى خاصية من خاصيات الكائن بغية إعادة قيمة ...
الدالة Promise.prototype.then() في JavaScript
الدالة then() تعيد وعدًا Promise، وتأخذ وسيطين على الأكثر، وهما دالتا رد النداء (callback) لنجاح أو فشل الوعد. var promise1 = new Promise(function(resolve, reject) {
resolve('Success!');
});
promise1.then(function(value) {
console.log(value);
// "Success!"
});
ملاحظة: إذا كان أحد أو كلا المعاملين غير موجود، أو كان موجودًا لكنه ليس دالةً، فلن تضع الدالة then() معالجًا له، لكنها لن تولِّد أي أخطاء. إذا أصبحت هنالك حالة للوعد Promise الذي استدعيت الدالة ()then عليه، ولم يكن للدالة ()then وسائط مناسبة، فسيُنشَأ وعدٌ Promise جديد دون ...
الدالة Promise.prototype.catch() في JavaScript
الدالة catch() تعيد وعدًا Promise وتتعامل مع حالات رفض الوعود فقط. وهي تسلك نفس سلوك استدعاء الدالة Promise.prototype.then(undefined, onRejected). وفي الواقع، استدعاء الدالة obj.catch(onRejected) سيستدعي الدالة obj.then(undefined, onRejected) داخليًا. var promise1 = new Promise(function(resolve, reject) {
throw 'Uh-oh!';
});
promise1.catch(function(error) {
console.log(error);
});
// Uh-oh!
البنية العامة p.catch(onRejected);
p.catch(function(reason) {
// التعامل مع الرفض
});
المعاملات onRejected دالة تستدعى عند رفض الوعد Promise. هذه الدالة تملك معاملًا وحيدًا: reason سبب الرفض. الوعد المُعاد من الدالة catch() سيُرفَض إذا رمت الدالة onRejected أو ...
دالة setter في JavaScript
البنية set تؤدي إلى ربط خاصية من خاصيات الكائن بدالة التي ستستدعى عند محاولة ضبط قيمة تلك الخاصية. البنية العامة {set prop(val) { . . . }}
{set [expression](val) { . . . }}
prop اسم الخاصية الذي سترتبط بالدالة المعطية. val اسم المتغير الذي سيحمل القيمة التي تتم محاولة إسنادها إلى الخاصية prop. expression بدءًا من ECMAScript 2015 (أي ES6)، يمكن استخدام التعابير لإنشاء أسماء محسوبة للخاصيات التي سترتبط بالدالة المعطية. الوصف يمكن أن تستخدم دالة setter في JavaScript لتنفيذ ...
الدالة eval() في JavaScript
الدالة eval() تُقدِّر قيمة شيفرة JavaScript المُمثَّلة في سلسلة نصية. البنية العامة eval(string)
string سلسلة نصية تُمثِّل أحد التعبيرات أو التعبيرات البرمجية أو سلسلة من التعبيرات البرمجية في JavaScript، ويمكن أن يحتوي التعبير أيضًا على متغيرات وخاصيات لكائنات موجودة مسبقًا. القيمة المعادة ستُعيد الدالة eval() قيمة آخر تعبير قد قُدِّرَت قيمته، وإذا كانت قيمته فارغةً فستُعاد القيمة undefined. الوصف الدالة eval() هي خاصيةٌ للكائن العام (global object)، وتقبل وسيطًا هو سلسلة نصية، وإذا كانت هذه السلسلة النصية تُمثِّل تعبيرًا (expression ...
الكائن Function في JavaScript
الدالة البانية Function تُنشِئ كائن Function جديد، واستدعاء الدالة البانية مباشرةً يمكِّننا من إنشاء الدوال ديناميكيًا، لكنه يعاني من مشاكل تتعلق بالأداة والناحية الأمنية بما يشابه دالة eval. يجدر بالذكر أنَّ جميع الدوال في JavaScript هي كائنات Function. البنية العامة new Function ([arg1[, arg2[, ...argN]],] functionBody)
arg1, arg2, ... argN الأسماء المستخدمة من الدالة للإشارة إلى الوسائط المُمرَّرة إلى الدالة، ويجب أن تكون سلاسل نصية تُمثِّل مُعرِّفات JavaScript صالحة أو قائمة من تلك السلاسل النصية التي يُفصَل بينها بفاصلة؛ مثلًا: ...
الدالة Promise.all() في JavaScript
الدالة Promise.all(iterable) تُعيد وعدًا Promise وحيدًا الذي سيُقبَل (resolves) عندما تكون جميع الوعود في الوسيط iterable مقبولة، أو عندما يكون المعامل iterable لا تحتوي على أيّ وعود. وسيُرفَض مع سبب أول وعد مرفوض. var promise1 = Promise.resolve(3);
var promise2 = 42;
var promise3 = new Promise(function(resolve, reject) {
setTimeout(resolve, 100, 'foo');
});
Promise.all([promise1, promise2, promise3]).then(function(values) {
console.log(values);
});
// Array [3, 42, "foo"]
البنية العامة Promise.all(iterable);
المعاملات iterable كائن قابل للتكرار (iterable) مثل Array أو String. القيمة المعادة وعد Promise مقبول (already resolved) إذا ...
الدالة escape() في JavaScript
الدالة escape() تُهرِّب المحارف الخاصة الموجودة في سلسلة نصية وتُعيد السلسلة النصية المرمَّزة. البنية العامة escape(str)
str السلسلة النصية التي ستُرمَّز. القيمة المعادة سلسلة نصية تُمثِّل النسخة المُرمَّزة من السلسلة النصية. الوصف الدالة escape هي خاصيةٌ من خاصيات الكائن العام، وستؤدي إلى ترميز المحارف الخاصة باستثناء المحارف @*_+-./. التمثيل الست عشري لتلك المحارف يكون على الشكل %xx وذلك للمحارف التي تكون قيمة رمزها (code unit value) أقل من 0xFF، وللمحارف التي تكون قيمة رمزها أكبر من ذلك فستُستخدم الصيغة %uxxxx. ...