حالت مدرن، "use strict" در JS چیست؟

یک دستور در JS هست که از ECMAScript 5 (ES5) معرفی شد. با استفاده از این ویژگی حالت سختگیرانه در جاوااسکریپت فعال می شود. این ویژگی باعث میشه کدهای JS با یک استاندارد سختگیرانه‌تر تفسیر بشه و به جلوگیر از برخی خطاهای رایج و بهبود عملکرد و امنیت کدها کمک میکنه.

قبل از معرفی "use strict":

از زمان معرفی، JS به نحوی طراحی شده بود که به صورت سازگار با نسخه‌های قبلی کار کنه. این ویژگی امکان افزودن قابلیت‌های جدید به زبان را فراهم می‌کرد بدون اینکه باعث تغییری در کدهای قدیمی شود.

قبل از قابلیت "use strict"، ما در JS انعطاف‌پذیری بیشتری داشتیم ولی همین موضوع منجر به بروز خطاهای ناخواسته و باگ‌های پیچیده می‌شد.
به طور مثال:

قبل از ویژگی "use strict":

function myFunction() {
  x = 10; // بدون "var"، متغیر سراسری تعریف می‌شود.
  console.log(x);
}

myFunction(); // خروجی: 10
console.log(x); // خروجی: 10 (متغیر سراسری شده)

بعد از ویژگی "use strict":

"use strict";
function myFunction() {
  x = 10; // خطا: x تعریف نشده است.
  console.log(x);
}

myFunction(); // خطا: x تعریف نشده است.

حالا برای اینکه قابلیت Backwards Compatibility در جاوااسکریپت اجرا بشه، بیشتر تغییراتی که توی (ES5) اتفاق افتاد به صورت دیفالت غیرفعال هست و شما برای فعال سازی این قابلیت ها باید از "use strict" استفاده کنید :)

وقتی شما از قابلیت "use strict" در JS استفاده میکنید تمام اسکریپت‌های شما در حالت مدرن کار میکنن.

برای مثال:

"use strict"
alert("Hello world")
// این کد از روش مدرن استفاده میکنه

🔺 هیچ راهی برای غیرفعال کردن "use strict" وجود نداره مثل ("no use strict") تا به موتور جاوااسکریپت دستور بدین که به روش قدیمی کار کنه، درواقع شما وقتی از "use strict" استفاده میکنید هیچ راه برگشتی نیست.

More info in the article
#javanoscript
#use_strict
Channel: @JSKernel

#quiz_challenge

Channel: @JSKernel

کیفیت صدای سکشن دوم دوره واقعا بی نظیر شده در حدی که برگای خودم ریخته

برای بهتر شدن صدا اومدم از پلتفرم elevenlabs استفاده کردم که واقعا فوق العادس :))))))))

خیلی سعی میکنم از اخرین تکنولوژی ها برای ریکورد دوره و همچنین پروژه استفاده کنم تا محتوایی که شما می بینید از لحاظ کیفیت رو high quality ترین نقطه ممکن باشه

8-Section-how-use-figma

نمونه ویدئو سکشن دوم دوره htmlcss
#Course

Channel: @JSKernel

میدونین خروجی کد پایین چیه؟

console.log(typeof null);

خروجیش برابر با "object" هست! اما خب چرا؟ خود "null" که یکی از انواع داده هستش!

دلیلش یه خطا توی روش کارکرد typeof هستش و از همون اول توی جاوااسکریپت بوده

حالا برای اینکه توی زبان تغییری ندن و اون سازگاری حفظ بشه گفتن بزار همین بمونه دیگه :O

پس "null" یه "object" نیستش.

#fun
Channel: @JSKernel

تو "function" ها هم به همین صورته :)
در جاوااسکریپت نوعی به نام function وجود نداره، درواقع "function" ها "object" هستن. ولی خب با این حال وقتی عملگر "typeof" روی تابع اعمال میشه مقدار "function" و ریترن میکنه.

اینم از همون اوایل توی جاوااسکریپت بوده.
و از طرفی هم این رفتار منطقی نیستش!

پس نتیجه عملگر "typeof" روی توابع به عنوان "function" هست چون میاد جوری رفتار میکنه که خروجیش برای کاربر منطقی و مفید باشه

#fun
Channel: @JSKernel

سلام رفقا چطورررین خوبییین؟

سکشن دوم دوره امادس فقط یه هولی بدین چنل برسه به 80 سابسکرایبر، بعدش فایل و اپلود میکنم 🦾🦾

هیچ منتی نیستش فقط چون دارم محتوای مفید و ارزشمندی تولید میکنم نیاز به حمایت شما دارم :))
و یه محتوای خوب ارزشش به دیده شدنش هست.

Channel: @JSKernel

خب اوکی حالا چطور حمایت کنیم؟

کاری نداره فقط کافیه محتوای چنل و برای بقیه فوروارد کنین. 🙏❤️‍🔥

داداشای گلم خیلیا هستن که تو این حوزه دارن شروع به کار میکنن و در همین مرحله اول گیر کردن، پس دوره رو برای بقیه هم بفرستین تا مطلع بشن.

Channel: @JSKernel

اگه براتون جالبه که بدونید روش کارکرد عملگرهای منطقی: AND, OR, NOT (! ,|| ,&&) به چه صورته.
تو این مقاله کامل توضیح داده شده

https://fa.javanoscript.info/logical-operators

#Article
Channel: @JSKernel

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

#Course
#Section2
#htmlcss

سکشن دوم از دوره htmlcss خدمت شما ❤️‍🔥

حجم فایلها نسبت به سکشن اول خیلی کاهش پیدا کرده ♻️

با ریکشن و انتشار دوره حمایت کنید ⚡️🙏

Channel: @JSKernel

قسمت های فصل دوم:

#Section2
#htmlcss

8 How use figma
9 Use fonts in project
10 Start header
11 Custom css file
12 Header content part1
13 Header content part2
14 Header content part3
15 Header content part4
16 Responsive menu part1
17 Responsive menu part2
18 Responsive header content

Channel: @JSKernel

نمونه ویدئو سکشن دوم دوره htmlcss
#Course

Channel: @JSKernel

اقا برین عشق کنید رایگان شدن😂

بخدا آرزوی هممون بود بتونیم مثل ادم ازش درست حسابی استفاده کنیما

چیه این vscode مسخره

#free #tools #editor
Channel: @JSKernel

ذوق ما از دیشب تا الان بابت این هنوز ادامه داره
همش دوست دارم برم داخلش یه پروژه بزنم
نمیدونم کلا محصولات jetbrains یه حس پرمیوم به آدم میده

در ادامه بحث رفع فیلترینگ که منجر به تجمع اعتراضی شد

قضیه از این قراره چند روز پیش یه جمعی به اسم « امت حزب الله » رفتن جلو مرکز ملی فضای مجازی دست به اعتراض زدن
خلاصه حرفشونم تو عکس گویا هست

خودم فکر کردم زیاد مهم نیس ولی مثل اینکه اینا خیلی جدی گرفتن و قوی دارن به کارشون ادامه میدن.

من مشکلی با این قضیه ندارم ولی حرفم با ایشونه👇🤦‍♂️

اینم حرفای یکی از معترضین به رفع فیلترینگ😐

دیگه واقعا حرفی نیس خودتون میبینید😂😂

#fun #toxic
Channel: @JSKernel