پر محتواترین مقالات طراحی سایت آموزشی

1- خالی کردن یا این که برش دادن قسمتی (cut) از آرایه:
یک راه و روش آسوده برای خالی کردن یا این که کات کردن یک آرایه سوای به کارگیری از توابع جاوا اسکریپت، طراحی سایت آموزشی تغییر تحول ارتفاع آرایه length آرایه میباشد.

const arr = [11, 22, 33, 44, 55, 66];
// truncanting
arr.length = 3;
console.log(arr); //=> [11, 22, 33]
// clearing
arr.length = 0;
console.log(arr); //=> []
console.log(arr[2]); //=> undefined
2- مشابه سازی اسم گذاری پارامترها با به کار گیری از object ها
احتمالا تا قبل از این شما با این شیوه پیکربندی یک تابع را تمجید می کردید:

doSomething({ foo: \'Hello\', bar: \'Hey!\', baz: 42 });
function doSomething(config) {
const foo = config.foo !== undefined ? config.foo : \'Hi\';
const bar = config.bar !== undefined ? config.bar : \'Yo!\';
const baz = config.baz !== undefined ? config.baz : 13;
// ...
}
هم اکنون در ورژن نو جاواسکریپت ES5 به بالا شما می‌توانید به راحتی این عمل را انجام دهید:

function doSomething({ foo = \'Hi\', bar = \'Yo!\', baz = 13 }) {
// ...
}
اکنون چنانچه پارمترهای تابع نخواستید، اجباری باشد بدین شیوه کار می کینم:

function doSomething({ foo = \'Hi\', bar = \'Yo!\', baz = 13 } = {}) {
// ...
}
3- به کارگیری از Switch با محدوده:
در زیر یک نمونه بی آلایش به کار گیری از Switch با محدوده را می بیند:

function getWaterState(tempInCelsius) {
let state;

switch (true) {
case (tempInCelsius <= 0):
state = \'Solid\';
break;
case (tempInCelsius > 0 && tempInCelsius < 100):
state = \'Liquid\';
break;
default:
state = \'Gas\';
}
return state;
}
4- چشم به راه ماندن تعدادی تابع async با استعمال از async/await :
await Promise.all([anAsyncCall(), thisIsAlsoAsync(), oneMore()])
5- تزکیه گزینه های تکراری از آرایه:
با به کارگیری از جاوا اسکریپت ES5 به بالا به سادگی می‌توانید مورد های تکراری را حذف فرمایید.

const removeDuplicateItems = arr => [...new Set(arr)];
removeDuplicateItems([42, \'foo\', 42, \'foo\', true, true]);
//=> [42, "foo", true]

پشتیبانی مرورگر ها

روی داد نشانه گر نسبتا تازه میباشد، به این ترتیب سازش مرورگر هنوز بدون نقص وجود ندارد.Chrome (دسکتاپ و تلفن همراه)، Edge، IE و Opera پشتیبانی بی نقص دارا‌هستند؛ فایرفاکس و سافاری پشتیبانی انجام نمی دهند.

برای تحلیل اینکه آیا یک مرورگر دارنده رویدادهای API شما میباشد، میتوانید از شیء window به کارگیری نمایید:

if (window.PointerEvent) { // Pointer Events enabled.} else { // Pointer Events not supported}

گرچه هنوز مرورگرها کاملا پشتیبانی نمی‌کنند، API اتفاق افتاد pointer در غایت قصد داراست رویدادهای سابق موس را منتقل نماید. این API خصوصیت های متعددی را مهیا می نماید که دسترسی به اینترنت را ارتقا می‌دهد و بسط دهندگان را توانا می سازد تا اپپلیکشن های توسعه یافته تری بر پایه ی خودکار را ساخت‌و‌ساز نمایند.

1- خالی کردن یا این که برش دادن قسمتی (cut) از آرایه:
یک راه و روش آسوده برای خالی کردن یا این که کات کردن یک آرایه سوای به کارگیری از توابع جاوا اسکریپت، طراحی سایت آموزشی تغییر تحول ارتفاع آرایه length آرایه میباشد.

const arr = [11, 22, 33, 44, 55, 66];
// truncanting
arr.length = 3;
console.log(arr); //=> [11, 22, 33]
// clearing
arr.length = 0;
console.log(arr); //=> []
console.log(arr[2]); //=> undefined
2- مشابه سازی اسم گذاری پارامترها با به کار گیری از object ها
احتمالا تا قبل از این شما با این شیوه پیکربندی یک تابع را تمجید می کردید:

doSomething({ foo: \'Hello\', bar: \'Hey!\', baz: 42 });
function doSomething(config) {
const foo = config.foo !== undefined ? config.foo : \'Hi\';
const bar = config.bar !== undefined ? config.bar : \'Yo!\';
const baz = config.baz !== undefined ? config.baz : 13;
// ...
}
هم اکنون در ورژن نو جاواسکریپت ES5 به بالا شما می‌توانید به راحتی این عمل را انجام دهید:

function doSomething({ foo = \'Hi\', bar = \'Yo!\', baz = 13 }) {
// ...
}
اکنون چنانچه پارمترهای تابع نخواستید، اجباری باشد بدین شیوه کار می کینم:

function doSomething({ foo = \'Hi\', bar = \'Yo!\', baz = 13 } = {}) {
// ...
}
3- به کارگیری از Switch با محدوده:
در زیر یک نمونه بی آلایش به کار گیری از Switch با محدوده را می بیند:

function getWaterState(tempInCelsius) {
let state;

switch (true) {
case (tempInCelsius <= 0):
state = \'Solid\';
break;
case (tempInCelsius > 0 && tempInCelsius < 100):
state = \'Liquid\';
break;
default:
state = \'Gas\';
}
return state;
}
4- چشم به راه ماندن تعدادی تابع async با استعمال از async/await :
await Promise.all([anAsyncCall(), thisIsAlsoAsync(), oneMore()])
5- تزکیه گزینه های تکراری از آرایه:
با به کارگیری از جاوا اسکریپت ES5 به بالا به سادگی می‌توانید مورد های تکراری را حذف فرمایید.

const removeDuplicateItems = arr => [...new Set(arr)];
removeDuplicateItems([42, \'foo\', 42, \'foo\', true, true]);
//=> [42, "foo", true]

پشتیبانی مرورگر ها

روی داد نشانه گر نسبتا تازه میباشد، به این ترتیب سازش مرورگر هنوز بدون نقص وجود ندارد.Chrome (دسکتاپ و تلفن همراه)، Edge، IE و Opera پشتیبانی بی نقص دارا‌هستند؛ فایرفاکس و سافاری پشتیبانی انجام نمی دهند.

برای تحلیل اینکه آیا یک مرورگر دارنده رویدادهای API شما میباشد، میتوانید از شیء window به کارگیری نمایید:

if (window.PointerEvent) { // Pointer Events enabled.} else { // Pointer Events not supported}

گرچه هنوز مرورگرها کاملا پشتیبانی نمی‌کنند، API اتفاق افتاد pointer در غایت قصد داراست رویدادهای سابق موس را منتقل نماید. این API خصوصیت های متعددی را مهیا می نماید که دسترسی به اینترنت را ارتقا می‌دهد و بسط دهندگان را توانا می سازد تا اپپلیکشن های توسعه یافته تری بر پایه ی خودکار را ساخت‌و‌ساز نمایند.