با توجه به دو مقاله ای که راجع به شی گرایی نوشتم و یک سری اطلاعات ریز دیگه

میتونید خروجی کد زیر رو حدس بزنید و علتش رو هم بگید؟

console.log([ ] === [ ]);

@LearnByLearn
#question

پاسخ چالش:

وقتی مینویسیم

const arr1 = []

در واقع پس قضیه جاواسکریپت اینطوری مینویسه

const arr1 = new Array()

و توی مقاله توضیح دادم که کلمه کلیدی new باعث میشه از constructor عه Array یه ابجکت ساخته بشه و توی arr1 ریخته بشه

const arr2 = new Array()

حالا arr2 هم مینویسیم
الان دوتا شی جدا داریم به اسم arr1 و arr2 که دوتا آرایه خالی و به ظاهر یکسان هستن
اما به خاطر این توی جاواسکریپت آبجکت ها ، reference by value هستن
این دوتا شی کاملا جدا هستن و دوتا آبجکت کاملا جدا از هم و متفاوت داریم
در نتیجه باهم مساوی نیستن چون خونه های متفاوتی از حافظه رو پر کردن
پس جواب

const arr1 = new Array();
const arr2 = new Array()
console.log(arr1 === arr2);
یا
console.log([] === []);

میشه false

اگه با reference by value آشنا نیستید توی یک مقاله مفصلا راجع بهش مینویسم

فعلا به همین بسنده کنید🫣

💬 این متد یک تابع میگیره که دارای یک شرط هست و این شرط روی تک تک اعضای آرایه تست میشه و اولین(دقت کنید اولین) ایندکس آیتمی(نه خود ایتم) که شرط رو پاس کنه، به عنوان خروجی return میشه اگرهم چیزی پیدا نشه -1 برمیگردونه


📥 پارامتر های ورودی این متد:

✅ پارامتر اول callbackFn :
🔹یک تابع که دارای یک شرطی هست که در صورت پاس شدن توسط اولین آیتم پاس میشه

✅ پارامتر دوم this :
🔹این پارامتر اختیاری هست پس اگه مقداری به این پارامتر ندین جاواسکریپت پیشفرض undefined در نظرش میگیره

📤 خروجی این متد:
🔹مقداری که بر میگردونه اون آیتمی هست که شرط رو پاس کرده
🔹اگر هیچ آیتمی به اون شرط نخوره مقدار برگشت داده شده 1- هست


Example 1

const arr = [5, 12, 8, 130, 44];
arr.findIndex((element) => element > 10);// index 1

Example 2

const arr = [5, 12, 8, 130, 44];
arr.findIndex((element) => element < 1);// index -1

هرشب یه متد از جاواسکریپت رو یاد بگیر 😉

@LearnByLearn

#method_findIndex
#javanoscript_method

💬 این متد نقش همون for رو بازی میکنه ولی به صورت declarative و یک تابع به عنوان ورودی میگیره که عملیات مورد نیاز رو توی اون تابع انجام میدیم
دقت کنید که در آخر یک آرایه جدید به ما میده ولی forEach همون آرایه اصلی رو دستخوش تغییر میکنه



Example 1

const array = [1, 4, 9, 16];
const array2 = array.map((x) => x * 2);
console.log(array2);
// Expected output: Array [2, 8, 18, 32]

هرشب یه متد از جاواسکریپت رو یاد بگیر 😉

@LearnByLearn

#method_map
#javanoscript_method

💬 این متد یک تابع که دارای یک شرط هست رو دریافت میکنه و آیتم هایی که اون شرط رو پاس میکنن توی یک آرایه میریزه و return میکنه



Example

const myArray = [12, 5, 8, 130, 44];
const filtered = myArray.filter((item)=>item > 10 );
console.log(filtered);

هرشب یه متد از جاواسکریپت رو یاد بگیر 😉

@LearnByLearn

#method_filter
#javanoscript_method

💬 این متد دوتا ورودی به اس start و end میگیره
در وقاقع شما با استفاده از این دو ورودی تعیین میکنید چه بخشی از آرایه مورد نظرتون رو برداره بهتون نمایش بده

💬 همچنین خروجی این متد یک آرایه از اون تیکه های جدا شده هست

💬 توجه کنید که هردوتا ورودی start و end اختیاری هستن و میتونید واردشون نکنید که در این صورت
مقدار پیشفرض start اولین عنصر آرایه و
مقدار پیشفرض end آخرین عنصر آرایه هستش
پس طبیعیه که در صورت ندادن ورودی کل آرایه رو برمیگردونه


Example 1‍

const animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];
console.log(animals.slice());
// ["ant", "bison", "camel", "duck", "elephant"]

Example 2

const animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];
console.log(animals.slice(1,3));
// ["bison", "camel"]

Example 3

const animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];
console.log(animals.slice(2));
// ["camel", "duck", "elephant"]

هرشب یه متد از جاواسکریپت رو یاد بگیر 😉

@LearnByLearn

#method_slice
#javanoscript_method

☝🏻یه خرده Best Practices های javanoscript رو یاد بگیریم:

✅ از var استفاده نکن به جاش const و let استفاده کن

✅ متغییر هات رو پیشفرض const بنویس مگر خلافش ثابت بشه

✅ به جای if های تو در تو از guard clauses استفاده کن

✅ تا جایی که جا داره از loop استفاده نکن و به جاش از متد های آرایه مثل map و filter و... استفاده کن

✅ جهنم کالبک برای خودت درست نکن و به جاش از async استفاده کن

✅ از سینتکس های ES6 به بعد استفاده کن تا برنامه نویس بعدی اومد روی کدات فحش نده

✅ از arrow function ها به عنوان متد توی شی گرایی استفاده نکن

✅ تا جایی که امکانش هست از default parameter استفاده کن

✅ توی شی گرایی سعی کن از سینتکس ES6 استفاده کنی

✅ هیچوقت از == برای مقایسه استفاده نکن و به جاش از === استفاده کن

✅ بیشتر از سه پارامتر به تابع ات نده و به جاش از destructure استفاده کن

✅ طوری کامنت بنویس و اسم متغییر استفاده کن تا دوماه بعد اومدی کداتو دیدی حس نکنی از یک سیاره دیگه کد ها نوشته شدن

✅ همیشه حواست به هندل کردن error ها توی پرامیس ها باشه

✅ کد هات کمتر imprative باشه بلکه declarative باشه (بعدن راجع بهش پست میزارم)

✅ کلا پاشو برو از typenoscript استفاده کن😁

👈🏻 اگه شمام هم چیزی میدونی تو کامنت ها بگو

@LearnByLearn
#best_practices
#javanoscript

💬 این متد به عنوان ورودی هرچندتا دلتون بخواد آرایه میگیره و همه رو میریزه توی یک آرایه


Example 1‍

const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];
const array3 = array1.concat(array2);
//["a", "b", "c", "d", "e", "f"]

هرشب یه متد از جاواسکریپت رو یاد بگیر 😉

@LearnByLearn

#method_concat
#javanoscript_method

👈🏻 بررسی ES6 Class و رابطه اش با Constructor Function


لینک مقاله 👈🏻 لینک

@LearnByLearn

#concept
#javanoscript
#object_oriented_javanoscript
#es6_classs

💬 این متد همون طور که از اسمش معلومه ارایه رو صاف میکنه😁
فرض کنید یه آرایه دارید و باز توی اون آرایه یه آرایه دیگه ای دارید
و اون آرایه داخلی رو محتواش رو بیرون بریزید
اون موقع اس که باید از این متد استفاده کنید
حالا این متد یه آرگومان دلخواه هم میگیره که میگه تا چند مرحله من آرایه رو برات flat کنم
یا حتی میتونی مقدار infinity بهش بدی بگی هرچقدر تو در تو بود بازم flat کن
Example 1‍

const arr1 = [1, 2, [3, 4]];
arr1.flat();
// [1, 2, 3, 4]

Example 2

const arr2 = [1, 2, [3, 4, [5, 6]]];
arr2.flat();
// [1, 2, 3, 4, [5, 6]]

Example 3

const arr3 = [1, 2, [3, 4, [5, 6]]];
arr3.flat(2);
// [1, 2, 3, 4, 5, 6]

Example 4

const arr4 = [1, 2, [3, 4, [5, 6, [7, 8, [9, 10]]]]];
arr4.flat(Infinity);
// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

هرشب یه متد از جاواسکریپت رو یاد بگیر 😉

@LearnByLearn

#method_flat
#javanoscript_method

سلام به اعضای عزیز کانال
بابت کم کار شدن کانال و خودم عذر خواهی میکنم
یکسری مشکلات شخصی و کسالت برام پیش اومده که بیشتر تایمم رو گرفته و امیدوارم زودتر حل بشه

ممکنه چند هفته نتونم توی کانال فعالیت داشته باشم و پستی منتشر کنم اما تلاشم رو میکنم که اینطور نباشه

به محض اینکه اوضام روبراه شه بزودی بر میگردم

دم همه اونایی که کانال رو همراهی میکنن گرم❤️❤️❤️❤️

👈🏻 بررسی Object.create  و نحوه کار کردش


لینک مقاله 👈🏻  لینک

@LearnByLearn

#concept
#javanoscript
#object_oriented_javanoscript
#object_create

اگه میخوایید بدونید Nodejs چطور پس قضیه داره کار میکنه این ویدیو رو پیشنهاد میکنم ببینید

https://youtu.be/1_EVy3tls0k?si=sfTSkGBg0CPmK5Si

سلام به عزیزانی که کانال رو دنبال میکنن❤️

قسمت ششم یه خرده طولانی هست و ویراستاریش طول میکشه اما بسیار جامع هست چون همه مطالب رو جمع کردم توی یک مقاله و مطمعن باشید درک خوبی از ارث بری توی جاواسکریپت بدست میارید

تا چند ساعت دیگه منتشرش میکنم

#پست_موقت

👈🏻 بررسی عمیق و کامل ارث بری (Inheritance ) در جاواسکریپت 


لینک مقاله 👈🏻  لینک
@LearnByLearn
#javanoscript
#object_oriented_javanoscript
#inheritance

توی این ویدیو یاد میگیریم :

✅ تفاوت Reference by value و primitive by value در جاواسکریپت چیه ؟

✅ تفاوت shallow copy و deep copy چیه ؟

✅ چطور یک آبجکت رو کپی کنیم ؟ و با ابزار lodash آشنا میشیم

@LearnByLearn
#javanoscript
#reference_value
#primitive_value

بابت کیفیت صدا عذر میخوام، میکروفونم خیلی حرفه ای نیست🙏🏻

اگه میخوایین ببینید و یادبگیرید یه اپلیکیشن فول استک با جاواسکریپت بسازید این کتاب رو از دست ندین
چیا توش یاد میگیرید؟
Typenoscript
Node.js
MongoDB
Next.js
Docker
TDD
Deploy
البته عمیقا این ابزار هارو یاد نمیده ولی با پروسه تولید یه اپلیکیشن کاملا جی اسی از صفر تا صد اشناتون میکنه
کتاب داغه داغ ساخت 2024 هستش😉

#book
@LearnByLearn