خروجی کد زیر چیست؟
#javascript #challenge
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
const obj = {
outer: 1,
inner: {
outer: 10,
inner: 20
}
};
let result = 0;
with (obj) {
result += outer;
with (inner) {
result += outer + inner;
}
}
console.log(result);#javascript #challenge
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
👨💻9❤1
خروجی کد زیر چیست؟؟
#javascript #challenge
Channel ° @Programers_Cafe
Group ° @IRdeveloperchat
function* infiniteGenerator() {
let i = 0;
while (true) {
yield i++;
}
}
const weakMap = new WeakMap();
const gen = infiniteGenerator();
weakMap.set(gen, gen.next().value);
const result = weakMap.get(gen) + gen.next().value;
console.log(result);
#javascript #challenge
Channel ° @Programers_Cafe
Group ° @IRdeveloperchat
👨💻6
امروز اومدیم با معرفی کتابخانه canvas js به صورت مختصر
✨ اگر به دنبال ابزاری برای ترکیب دادهها، انیمیشنها و بازیها هستید، انتخابی عالی است.
♻️ نمونه هایی از چیز هایی که با این کتابخانه میشه درست کرد رو میتونید تو عکس ها ببینید .
#css #html #canvas #javascript
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
این کتابخانه با قابلیتهای قدرتمند خود، امکان ایجاد جلوههای بصری جذاب و پویا را فراهم میکند که تجربه کاربری را بهبود میبخشد.
✨ اگر به دنبال ابزاری برای ترکیب دادهها، انیمیشنها و بازیها هستید، انتخابی عالی است.
♻️ نمونه هایی از چیز هایی که با این کتابخانه میشه درست کرد رو میتونید تو عکس ها ببینید .
#css #html #canvas #javascript
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
🔥4👨💻3❤1
خروجی کد زیر چیست ؟؟
#javascript #challenge
Channel • @Programers_Cafe
Group • @IRdeveloperchat
console.log(MyClass);
class MyClass {
constructor() {
this.value = 42;
}
}
#javascript #challenge
Channel • @Programers_Cafe
Group • @IRdeveloperchat
👨💻5
خروجی کد زیر چیست
#javascript #challenge
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
function sumEvenIndices(arr) {
return arr.reduce((sum, num, index) => {
return index % 2 === 0 ? sum + num : sum;
}, 0);
}
const numbers = [10, 20, 30, 40, 50];
const result = sumEvenIndices(numbers);
console.log(result);#javascript #challenge
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
👨💻7
😇راهنمایی کد بالا
❗️به طور کلی کد بالا وظیفه اینو داره که بیاد index های زوج ایتم های ارایه numbers رو با هم جمع کنه
#javascript #challenge
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
❗️
توضیح reduce : تابع reduce در جاوااسکریپت برای کاهش یک آرایه به یک مقدار واحد استفاده میشود.
استفاده های رایج :
جمع مقادیر: محاسبه مجموع یا میانگین مقادیر.
ساخت شیء: تبدیل آرایه به یک شیء.
ترکیب آرایهها: ساخت آرایههای جدید یا ترکیب دادهها
sum = میاد دونه به دونه مقادیر داخل ارایه رو داخل کد میزاره
num = مقدار اولیه و ذخیره شده
index = جایگاه یا همون ایندکس خونه ای که sum برمیگردونه
#javascript #challenge
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
👨💻6
دید که وقتی توی یه سایتی روی متنی کلیک میکنید متنه تو کلیپ برورد شما کپی میشه کدش اینه 👇👇👇
#javascript #html
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
<span class="sadowpaswordFile" onclick="copyToClipboard()">کپی رمز</span>
function copyToClipboard() {
const textToCopy = 'متن شما اینجا';
navigator.clipboard.writeText(textToCopy).then(() => {
alert('متن کپی شد!');
}).catch(err => {
console.error('خطا در کپی:', err);
});
}#javascript #html
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
❤9🔥5👨💻4
به جای اینکه از alert خشک بی روح جاوا اسکریپت استفاده کنی🤮
بیا از کتابخانه sweetAler2 استفاده کن🤩
#javascript #programming
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
بیا از کتابخانه sweetAler2 استفاده کن🤩
♻️توضیح استفاده ازش رو هم تو خوده سایتش داده لازم نیست نگرانش باشید
#javascript #programming
𝗖𝗵𝗮𝗻𝗻𝗲𝗹 • @Programers_Cafe
𝗚𝗿𝗼𝘂𝗽 • @IRdeveloperchat
sweetalert2.github.io
SweetAlert2 - a beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes
👨💻8❤6
خروجی کد زیر چیست؟؟
🔥این بار جواب رو تو کامنت ها بگید بعدا در مورد جوابش توضیح میدم
#javascript #challenge
#Ah_sear
Channel • @Programers_Cafe
Group • @IRdeveloperchat
const weakMap = new WeakMap();
const array = [1, 2, 3];
const obj = {};
weakMap.set(obj, array);
const result = weakMap.get(obj).reduce((acc, val) => acc + val);
console.log(result);
🔥این بار جواب رو تو کامنت ها بگید بعدا در مورد جوابش توضیح میدم
#javascript #challenge
#Ah_sear
Channel • @Programers_Cafe
Group • @IRdeveloperchat
👨💻6
🔥توی این پست میخوام switch statement رو در JavaScript کامل تشریح دهم
🌀اswitch یه ساختار کنترلیه که بهت این امکان رو میده که بر اساس مقدار یک متغیر، چندین حالت مختلف رو بررسی کنی. این خیلی به درد میخوره وقتی که بخوایم چندین شرط رو چک کنیم و هر کدوم یه نتیجه متفاوت داشته باشه.
▎ساختار کلی:
▎توضیحات:
1⃣expression:
این همون متغیریه که میخوایم بررسی کنیم.
2⃣case:
هر case یه مقدار ممکن رو بررسی میکنه. اگر expression با یکی از این مقادیر برابر بود، کدهای اون case اجرا میشن.
3⃣break:
بعد از هر case معمولاً از break استفاده میکنیم تا از ادامه اجرای بقیه caseها جلوگیری کنیم. اگر break نباشه، جاوااسکریپت به اجرای بقیه caseها ادامه میده تا به یه break یا default برسه.
4⃣default:
این بخش اختیاریه و زمانی استفاده میشه که هیچکدوم از caseها درست نباشن.
▎مثال:
فرض کن میخوایم روز هفته رو بررسی کنیم:
در این مثال، چون day برابر با ۳ هست، خروجی میشه "دوشنبه".
🔰اSwitch معمولاً برای مقادیر ثابت مثل عدد یا رشته استفاده میشه و به خاطر خوانایی بیشترش نسبت به چندین if-else، خیلی محبوبه.
#javascript #switch #statement
Channel • @Programers_Cafe
Group •@IRdeveloperchat
🌀اswitch یه ساختار کنترلیه که بهت این امکان رو میده که بر اساس مقدار یک متغیر، چندین حالت مختلف رو بررسی کنی. این خیلی به درد میخوره وقتی که بخوایم چندین شرط رو چک کنیم و هر کدوم یه نتیجه متفاوت داشته باشه.
▎ساختار کلی:
switch (expression) {
case value1:
// کدی که باید اجرا بشه اگر expression برابر با value1 باشه
break;
case value2:
// کدی که باید اجرا بشه اگر expression برابر با value2 باشه
break;
// میتونی بیشتر از این هم داشته باشی
default:
// کدی که باید اجرا بشه اگر هیچکدوم از موارد بالا درست نبود
}▎توضیحات:
1⃣expression:
این همون متغیریه که میخوایم بررسی کنیم.
2⃣case:
هر case یه مقدار ممکن رو بررسی میکنه. اگر expression با یکی از این مقادیر برابر بود، کدهای اون case اجرا میشن.
3⃣break:
بعد از هر case معمولاً از break استفاده میکنیم تا از ادامه اجرای بقیه caseها جلوگیری کنیم. اگر break نباشه، جاوااسکریپت به اجرای بقیه caseها ادامه میده تا به یه break یا default برسه.
4⃣default:
این بخش اختیاریه و زمانی استفاده میشه که هیچکدوم از caseها درست نباشن.
▎مثال:
فرض کن میخوایم روز هفته رو بررسی کنیم:
let day = 3;
switch (day) {
case 1:
console.log("شنبه");
break;
case 2:
console.log("یکشنبه");
break;
case 3:
console.log("دوشنبه");
break;
case 4:
console.log("سهشنبه");
break;
default:
console.log("روز نامشخص");
}
در این مثال، چون day برابر با ۳ هست، خروجی میشه "دوشنبه".
🔰اSwitch معمولاً برای مقادیر ثابت مثل عدد یا رشته استفاده میشه و به خاطر خوانایی بیشترش نسبت به چندین if-else، خیلی محبوبه.
#javascript #switch #statement
Channel • @Programers_Cafe
Group •@IRdeveloperchat
❤5👨💻3