نوشته های محمد مسعودی

آموزش جاوااسکریپت - تبدیل تایپ‌ها در جاوااسکریپت

محمد مسعودی — Tue, 27 Apr 2021 17:29:58 +0430

بیشتر اوقات ، عملگرها و توابع به طور خودکار مقادیر داده شده به آنها را به نوع(type) مناسب تبدیل می کنند. برای مثال تابع alert هر مقداری که بهش بدیم تبدیلش میکنه به string و بعد نشونش میده، عملگر های ریاضی مقدار ها رو به عدد تبدیل میکننهمچنین توی بعضی موارد نیازه که به صورت دستی نوع یک مقدار رو عوض کنیم تبدیل رشته‌ای (String Conversion)تبدیل به string زمانی اتفاق می افته که یک مقدار رو به صورت رشته‌ای نیاز داشته باشیمبرای نمونه alert(value) تبدیل به string را برای نمایش، انجام می‌دههمینطور می‌تونیم با صدا زدن String(value) تبدیل یک مقدار به string رو انجام بدیمlet value = true; alert(typeof value); // boolean value = String(value); // now value is a string "true" alert(typeof value); // stringتبدیل به string معمولا واضحه false به "false" و null به "null" تبدیل میشه و برای بقیه مقادیر هم به همین ترتیب انجام میشهتبدیل عددی (Numeric Conversion)تبدیل به عدد توی فانکشن‌ها و عبارات ریاضیاتی به طور خودکار انجام می‌شهبرای نمونه وقتی تقسیم / روی مقادیر غیر عددی انجام میشه (اعداد از نوع رشته به نوع عددی تبدیل میشن):alert( "6" / "2" ); // 3, strings are converted to numbersبرای این که بخوایم خودمون یه مقداری رو به عدد تبدیل کنیم میتونیم از Number(value) استفاده کنیم : let str = "123" alert(typeof str); // string let num = Number(str); // becomes a number 123 alert(typeof num); // numberوقتی داریم یه سری مقدار ها رو از یه جایی مثل input از کاربر میگیریم لازمه که به عدد تبدیلش کنیم اگه رشته‌ای که وارد شده باشه یه عدد معتبر نباشه نتیجه‌ی تبدیلش به عدد NaN هست مثلا:let age = Number("an arbitrary string instead of a number"); alert(age); // NaN, conversion failedقواعد تبدیل به Number :مقدار undefined به NaN تبدیل میشه مقدار null به 0 تبدیل میشه مقدار true , false به 0 , 1 تبدیل میشه مقدار string : فاصله‌های خالی ابتدا و انتها حذف می‌شوند. اگر رشته‌ی باقی مانده خالی باشد نتیجه 0 خواهد بود. در غیر اینصورت عدد موجود در رشته کاراکترها خوانده خواهد شد. همینطور اگر خطایی رخ دهد نتیجه NaN خواهد بودمثال: alert( Number(" 123 ") ); // 123 alert( Number("123z") ); // NaN (error reading a number at "z") alert( Number(true) ); // 1 alert( Number(false) ); // 0توجه کنین که null و undefined اینجا متفاوت عمل می‌کنن Null به 0 تبدیل می‌شه و undefined به NaN تبدیل می‌شهتبدیل منطقی (Boolean Conversion)تبدیل به boolean راحت ترین حالتهنتیجه یه عملگر های شرطی Boolean هست و همچنین میتونیم با استفاده از Boolean(value) یه مقدار رو تبدیل کنیمقاعده تبدیل Boolean :مقادیری که در ظاهر "خالی" هستن، مثل 0 ، string خالی ، null ، undefined و NaN به false تبدیل می‌شن، بقیه مقادیر به true تبدیل می‌شنبرای مثال : alert( Boolean(1) ); // true alert( Boolean(0) ); // false alert( Boolean("hello") ); // true alert( Boolean("") ); // false×× نکته ×× یک صفر رشته‌ای "0" نتیجه‌اش میشه true بعضی از زبان های برنامه نویسی مثل PHP میاد "0" رو به false تبدیل میکنه اما توی جاوااسکریپت هر رشته‌ای که خالی نباشه با هر مقداری تبدیل میشه به truealert( Boolean("0") ); // true alert( Boolean(" ") ); // spaces, also true (any non-empty string is true)خلاصهسه تبدیل پرکاربردی که استفاده میشه، تبدیل رشته‌ای، عددی و منطقی هستتبدیل به string - وقتی که می‌خوایم خروجی‌ای داشته باشیم اتفاق میوفته. از طریق String(value) قابل انجامهتبدیل به number– در عملگرهای ریاضیاتی اتفاق میوفته. از طریق Number(value) هم قابل انجامهتبدیل به boolean – در عملگرهای منطقی اتفاق میوفته. از طریق Boolean(value) قابل انجامهپست قبلی(آموزش جاوااسکریپت - تعامل با کاربر) https://vrgl.ir/y5yFN اگر توی این مقاله مشکلی بود یا خواستین توی این پروژه مشارکت کنین این لینک گیت‌هابش هست.منبعگیت‌هاب

آموزش جاوااسکریپت - تعامل با کاربر

محمد مسعودی — Sat, 03 Apr 2021 14:25:42 +0430

از اونجایی که داریم از مرورگر برای اجرای کد‌های جاوااسکریپتمون استفاده میکنیم بیاین تا با چند تا از دستوراتی که میتونیم با کاربر تعامل داشته باشیم اشنا بشیم تابع alert این تابع رو توی آموزش های قبلی دیدیم این یک پیغام نشون میده و منتظر کاربر میمونه تا «OK» رو فشار بده برای مثال: alert("Hello");این پنجره‌ی کوچیک همراه با پیغام یک modal window هست کلمه «modal» به معنی اینه که بازدیدکننده نمیتونه با بقیه‌ی صفحه تعامل کنه، دکمه‌های دیگه رو بزنه و یا غیره، تا زمانی که با پنجره بازشده کارش تموم شده باشه. تو این مورد خاص -- تا زمانی که دکمه‌ی «OK» رو بزنهتابع promptتابع prompt دو پارامتر داره: result = prompt(title, default);این یه modal window با یه متن نشون میده، که یه فیلد ورودی هم داخلش هست که کاربر میتونه توش یه متنی وارد کنه و دو تا دکمه OK و Cancel داره title : پیغامی که به کاربر نشون داده میشهdefault: پارامتری اختیاری که مقدار اولیه برای فیلد ورودی رو تنظیم میکنه کاربر میتونه یه چیزی تایپ کنه توی فیلد ورودی prompt و دکمه OK رو بزنه بعدش ما به متنی که وارد کرده از طریق متغیر result میتونیم دسترسی داشته باشیم و اگه Cancel یا دکمه Esc رو بزنه متغیر result مقدارش null میشه برای نمونه : let age = prompt('How old are you?', 100); alert(`You are ${age} years old!`); // You are 100 years old!یک نکته برای اینترنت‌اکسپلورر (IE) پارامتر دوم که اختیاری هست (همون مقدار اولیه) رو اگه وارد نکنین توی مرورگر اینترنت اکسپلورر توی فیلد ورودی "undefined" مینویسهاین کد رو توی اینترنت اکسپلورر اجرا کنین: let test = prompt("Test");اگه میخواین prompt هاتون درست کار کنن(هنوز کسی هست که از IE استفاده کنه!!) توی IE توصیه میکنیم که همیشه پارامتر دوم رو یه رشته خالی پاس بدین : let test = prompt("Test", ''); // <-- for IEتابع confirmشکل نوشتنش اینجوریه: result = confirm(question);تابع confirm یه modal window با یه سوال نشون میده و دو تا دکمه Ok و Cancel هم داره نتیجه‌اش هم اگه کاربر Ok بزنه True میشه در غیر این صورت False برای مثال: let isBoss = confirm("Are you the boss?"); alert( isBoss ); // true if OK is pressedخلاصهتوی این قسمت ما ۳ تا از تابع های مخصوص مرورگر که برای تعامل با کاربر هست رو توضیح دادیم:‌تابع alert : یک پیغام نشون کاربر میده تابع prompt : یک پیغام نشون کاربر میده و یک فیلد ورودی هم داره تا کاربر توش یک متن وارد کنه اگر Ok بزنه متن رو برمیگردونه توی نتیجه و در غیر این‌صورت nullتابع confirm : یک پیغام نشون کاربر میده و تا زمانی که دکمه Ok یا Cancel رو نزنه صبر میکنه اگه Ok رو بزنه true و اگه Esc/Cancel رو بزنه false رو برمیگردونه همه این توابع modal هستن، باعث متوقف شدن اجرای اسکریپت میشن و اجازه نمیدن که کاربر با بقیه قسمت های صفحه کار کنه تا وقتی که کارشون با این پنجره ها تموم بشه دو تا محدودیت توی توابع بالا وجود داره : محل modal window رو مرورگر مشخص میکنه و معمولا وسط صفحه هستشکل نمایش پنجره‌ای هم باز بستگی به مرورگر داره که چطور نشون بده و ما نمیتونیم ویرایشش کنیم این بهایی هست که برای سادگی پرداخت میکنیم راه های دیگه‌ای برای نمایش پنجره‌های تعاملی با کاربر وجود داره ولی اگه زرق و برق براتون مهم نیست این توابع کار رو به خوبی انجام میدن پست قبلی(دیتا تایپ‌ها در جاوااسکریپت) https://virgool.io/@mmasoudih/types-nhhebxk3m1ej پست بعدی (تبدیل تایپ ها در جاوااسکریپت) https://vrgl.ir/L5Zpd اگر توی این مقاله مشکلی بود یا خواستین توی این پروژه مشارکت کنین این لینک گیت‌هابش هست.منبعگیت‌هاب

دیتا تایپ‌ها در جاوااسکریپت

محمد مسعودی — Tue, 30 Mar 2021 18:14:09 +0430

یک مقدار توی جاوااسکریپت همیشه از یک تایپ خاص هست به عنوان مثال رشته یا یک عدددر جاوااسکریپت هشت تایپ داده اصلی وجود داره، اینجا ما به طور کلی به آنها خواهیم پرداخت و در فصل های بعدی به طور مفصل در مورد هر یک صحبت خواهیم کرد.ما میتونیم هر تایپ رو توی یک متغیر قرار بدیم، به عنوان مثال یک متغیر میتونه اول یک رشته باشه و بعد یک عدد رو ذخیره کنه// no erorr let message = "hello" message = 123456;زبان های برنامه‌نویسی که اجازه این کار و به ما میدن مثل جاوااسکریپت «تایپ پویا» میگن بهشون به این معنی که انواع دیتا تایپ‌ها وجود دارن اما متغیر‌ها به هیچ کدوم از اونا محدود نیستن.عدد(Number)let n = 123; n = 12.345;تایپ عدد هر دو مقدار عدد صحیح و اعشاری رو نشون میده عملگر های زیاید برای کار با عدد وجود داره مثل ضرب * ، تقسیم / ، جمع + ، تفریق − و غیره ...علاوه بر عدد های عادی، به اصطلاح «مقادیر ویژه عددی» وجود دارد که متعلق به این دیتا تایپ عدد هستن:Infinity , -Infinity , NaN بی‌نهایت (Infinity) نشان دهنده Infinity ∞ ریاضی هست این مقدار خاص هست که از هر عددی بیشتره می‌تونیم اونو در نتیجه تقسیم بر صفر بدست بیاریم:alert( 1 / 0 ); // Infinityیا فقط مستقیم بهش اشاره کنیم:‌alert( Infinity ); // Infinityمقدار (NaN) نشان دهنده یک خطای محاسباتی هست، این یک نتیجه از عملیات ریاضی نادرست یا تعریف نشده هست به عنوان مثال:‌alert( "not a number" / 2 ); // NaN, such division is erroneousهر عملی بر روی NaN نتیجه NaN خواهد داشت :alert( "not a number" / 2 + 5 ); // NaNدر نتیجه اگر NaN توی عملیات ریاضیاتی‌ای وجود داشته باشه، بر روی تمام معادله تاثیر میذاره (نتیجه معادله برابر NaN خواهد بود)عملیات ریاضی در جاوا اسکریپت امن هست ما هر نوع عملی میتونیم انجام بدیم مثل تقسیم بر صفر. اسکریپت ما هیچ‌وقت با خطا مواجه نخواهد شد. در بدترین حالت NaN را به عنوان نتیجه خواهیم گرفتاعداد بزرگ (BigInt)توی جاوااسکریپت تایپ Number نمیتونه اعداد بزرگ‌تر از (۱ - ۵۳^۲ ) یعنی (9007199254740991) رو نشون بده و کمتر از (۱−۵۳^۲)− برای اعداد منفیبرای بیشتر اهداف که کاملا به اندازه کافی هست، اما گاهی اوقات ما نیاز اعداد واقعا بزرگ داریم، به عنوان مثال، برای رمزنگاری یا زمان سنج با دقت میکرو ثانیهتایپ BigInt اخیرا به زبان اضافه شده تا اعداد صحیح با طول دلخواه رو نشون بده یک مقدار BigInt با اضافه کردن حرف n به اخر یک عدد صحیح ایجاد میشه // the "n" at the end means it's a BigInt const bigInt = 1234567890123456789012345678901234567890n;از اونجایی که BigInt به ندرت استفاده میشه اینجا اون رو توضیح نمیدیم اما یک فصل جداگانه رو بهش اختصاص دادیم وقتی به چنین اعداد بزرگی احتیاج دارین اونجا رو بخونین (توی قسمت های بعدی قرار میدم براتون)مشکلات سازگاریدر حال حاضر BigInt توسط مرورگر های FireFox/Chrome/Edge/Safari پشتیبانی میشه و همون طور که میتونین حدس بزنین مرورگر IE پشتیبانیش نمیکنه توی این لینک هم میتونین چک کنین که دقیقا روی چه ورژن هایی از مرورگر ها پشتیبانی میشهرشته(String) یه رشته توی جاوااسکریپت باید بین دو تا کوتِیشِن باشه let str = "Hello" let str2 = 'Single quotes are ok too'; let phrase = `can embed another ${str}`;توی جاوا اسکریپت سه نوع کوتِیشِن داریم :1. Double qoutes مانند "Hello".2. Single qoutes مانند 'Hello'.3. Backticks مانند `Hello`.دابل و سینگل‌ کوتِیشِن ساده هستن و فرقی ندارن با هم دیگه توی جاوااسکریپت بک‌تیک توسعه یافته ساختار کوتِیشِن هست، به ما این اجازه رو میده تا متغیر و یا یه سری عملیات‌ها رو با قرار دادن اونا در {...}$ توی یک رشته قرار بدیم، به عنوان مثال:‌let name = "John" // embed a variable alert( `Hello, ${name}!` ); // Hello, John! // embed an expression alert( `the result is ${1 + 2}` ); // the result is 3عبارت داخل {...}$ محاسبه میشه و نتیجه‌اش به بخشی از رشته تبدیل میشه ما میتونیم هر چیزی رو توش قرار بدیم مثل متغیر یا یک عبارت مثل ۱ + ۲ یا یه چیز پیچیده ترلطفا توجه کنین این قابلیت فقط زمانی هست که از بک‌تیک استفاده کنین توی دابل و سینگل کوتِیشِن این قابلیت وجود نداره alert( "the result is ${1 + 2}" ); // the result is ${1 + 2} (double quotes do nothing)در مورد رشته‌ها توی آموزش های بعدی بیشتر توضیح میدیمتایپ کارکتری وجود نداره در برخی زبان‌ها یه تایپ خاص به اسم «character» وجود داره که برای یک کاراکتر هست.به عنوان مثال در زبان برنامه‌نویسی C و Java این نوع «char» نام گذاری شدهدر جاوااسکریپت، این مدل تایپ رو نداریم. فقط یه تایپ String داریم، یک String میتونه خالی باشه یا یک کاراکتر داشته باشه و یا خیلی بیشتر از یک کاراکترتایپ منطقی‌(Boolean)تایپ منطقی فقط دو تا مقدار True و False داره این تایپ معمولا برای نگهداری مقدار های بله/خیر استفاده میشه، true یعنی «بله،‌درست» و false یعنی «نه، نادرست»برای نمونه :let nameFieldChecked = true; // yes, name field is checked let ageFieldChecked = false; // no, age field is not checkedمقدار های منطقی همچنین میتونین از نتیجه یک مقایسه هم باشن:let isGreater = 4 > 1; alert( isGreater ); // true (the comparison result is "yes")که مثال بالا یعنی ۴ بزرگتر از ۱ هست؟ و جوابش میشه «بله» یا همون trueدر مورد Boolean ها در بخش‌های بعدی صحبت خواهیم کرد.مقدار nullمقدار null به هیچ کدوم از دیتا تایپ هایی که بالا گفتیم ربطی ندارهاین یک تایپ جداگانه هست که فقط شامل مقدار null هست :let age = null;در جاوااسکریپت مثل بعضی از زبان های برنامه نویسی null به هیچ آبجکتی اشاره نمیکنه یا اشاره‌گر به null نیست فقط یه مقدار خاص هست که نشون‌دهنده «هیچی» ، «خالی» و یا «مقدار ناشناخته» هستکد بالا یعنی مقدار سن ناشناخته هستمقدار undefinedمقدار undefined هم مثل null جدا از بقیه هست و ربطی نداره به هیچ تایپیمعنی undefined یعنی «مقداری هنوز اختصاص داده نشده»اگه یک متغیر تعریف بشه اما مقداردهی نشه اون موقع مقدارش undefined هست let age; alert(age); // shows "undefined"از نظر فنی میشه به یک متغیر مقدار undefined رو اختصاص داد :let age = 100; // change the value to undefined age = undefined; alert(age); // "undefined"اما ما این کار رو توصیه نمی‌کنیم و برای تخصیص مقدار "خالی" یا "ناشناخته" از null استفاده می‌کنیم و از undefined برای بررسی اینکه به متغیری مقدار تخصیص یافته یا خیر استفاده می‌کنیمتایپ Objects و Symbolsتایپ object یک تایپ خاص هست به تایپ های دیگه میگن تایپ اولیه چون که مقدار اونا فقط میتونه یه چیز باشه (مثل رشته، عدد یا بقیه چیزا) در مقابل object ها برای ذخیره مجموعه‌ای از داده ها و موجودیت های پیچیده‌تر استفاده می‌شن بعد از اینکه در مورد تایپ های اولیه بیشتر مطالعه کردیم، در مورد object ها بیشتر خواهیم آموختنوع symbol برای ایجاد یک شناسه منحصر به فرد برای object ها مورد استفاده قرار میگیره. برای تکمیل عنوان این بخش این نوع داده را نیز در اینجا گفتیم ولی بهتره جزئیات اون رو در بخش‌های بعدی بررسی کنیمعملگر typeof عملگر typeof تایپ یک مقدار رو برمیگردونه و این خیلی به درد میخوره وقتی که ما میخوایم روی مقدارهایی با تایپ های مختلف عملیات خاصی انجام بدیم یا این که فقط بخوایم چک کنیم که تایپ فلان مقدار چیه به دو صورت میتونیم ازش استفاده کنیم:۱. به صورت عملگر : typeof x۲. به صورت فانکشن: typeof(x)به عبارت دیگه این هم بدون پرانتز میشه ازش استفاده کرد و هم با پرانتز، نتیجه‌اش هم یکسانه وقتی که typeof x رو استفاده میکنم نتیجه‌اش یه رشته هست که تایپ مقدار x رو برامون برمیگردونه typeof undefined // "undefined" typeof 0 // "number" typeof 10n // "bigint" typeof true // "boolean" typeof "foo" // "string" typeof Symbol("id") // "symbol" typeof Math // "object" (1) typeof null // "object" (2) typeof alert // "function" (3)سه خط آخر ممکنه نیاز به توضیحات اضافی داشته باشند: ۱. آبجکت Math اصطلاحا built-in (از پیش نوشته شده در هسته زبان) هست که عملیات متنوع ریاضیاتی در اختیار ما قرار میده. در اینجا صرفا یک مثال از اون رو نمایش دادیم و در بخش Numbers با اون بیشتر آشنا خواهیم شد۲. خروجی typeof null همونطور که می‌بینید "object" هست و این صحیح نیست. این یک خطا در نوع کار typeof هست که به منظور سازگاری باقی مونده مطمئنا null یک object نیست. خودِ null یکی از انواع داده در جاوا اسکریپته۳. تایپ alert یک فانکشن هست چرا که alert یکی از فانکشن‌های جاوا اسکریپت هست ما در بخش‌های بعدی با فانکشن‌ها بیشتر آشنا میشیم و خواهیم آموخت که نوعی تحت عنوان فانکشن نداریم و خودِ فانکشن‌ها در اصل از نوعِ object هستن اما عملگر typeof با اونا به طرز دیگه‌ای برخورد می‌کنهخلاصه۸ تا تایپ ابتدایی توی جاوااسکریپت وجود داره اعداد(number) برای هر نوع عددی استفاده میشه صحیح، اعشاری اعداد بزرگ(bigint) برای اعداد صحیح با طول دلخواه استفاده میشه رشته(string) برای مقدار های رشته‌ای استفاده میشه یک رشته میتونه خالی باشه یا یک کاراکتر داشته باشه یا بیشتر از یک کاراکتر، تایپ جداگانه‌ای برای کاراکتر وجود نداره مقدار منطقی(boolean) برای صحیح/غلط یا همون True , Falseمقدار null برای مقدار های ناشناخته - خودش یه تایپ هست و به بقیه تایپ ها ربطی ندارهمقدار undefined برای مقدار های اختصاص داده نشده - این هم خودش یه تایپه و بقیه تایپ ها ربطی نداره مقدار obejct برای ساختمان داده های پیچیده‌تر مقدار symbol برای شناسه های یکتاعملگر typeof به ما این اجازه رو میده تا ببینیم توی متغیر چه نوع داده‌ای ذخیره شدهدو نوع میشه ازش استفاده کرد : typeof x یا typeof(x)یک رشته برمیگردونه که اسم تایپ اون مقدار هست مثل "string"برای null مقدار "object" رو برمیگردونه - این یه ارور توی زبان هست و واقعا اینجوری نیست و آبجکت نیست پست قبلی (متغیرها در جاوا‌اسکریپت) https://virgool.io/@mmasoudih/variables-ssgxg9o7o7je پست بعدی(آموزش جاوااسکریپت - تعامل با کاربر) https://virgool.io/@mmasoudih/alert-prompt-confirm-ex4bk8lxpat9 اگر توی این مقاله مشکلی بود یا خواستین توی این پروژه مشارکت کنین این لینک گیت‌هابش هست.منبعگیت‌هاب

آمار بازدید پست‌های من در سال ۹۹

محمد مسعودی — Tue, 23 Mar 2021 02:17:09 +0430

در طول تاریخ از اعداد استفاده کردیم تا اغلب داد و ستد کنیم و آن‌چیزی که شمردنی است را بشماریم. برای هر عدد واحد درست کردیم تا عددهای زندگی قاطی نشوند و از اعداد، شفاف‌تر استفاده کنیم؛ مثلا وقتی می‌گوییم ده هزار تومان به پول اشاره داریم و وقتی می‌گوییم ده هزار بلیط به بلیط!روز به روز که در زندگی جلو‌تر رفتیم عددها فرقی نکردند ولی این واحدها بودند که زیاد شدند. واحد کریپتو، واحد اصله درخت، واحد فاصله و …«واحد» یک توافق عمومی است برای شمردن؛ تا همانطور که گفتم شمردن‌ها قاطی نشود. مشاهده افراد دارای ثروت (اجتماعی یا مالی) به من ثابت کرده اینکه چه چیزی را بشماریم از اینکه چطور بشماریم مهم‌تر است. هرکس با واحد خاصی مسائل زندگی را می‌شمارد. اینطور به نظرم آمده که مشخص کردن واحد یعنی مشخص کردن اینکه من در زندگی برای چه چیزهایی ارزش قائلم و می‌خواهم چه چیزهایی را در زندگی بشمارم. https://cdn.virgool.io/annual-report/1399/oj7uzme2a6qx-q2ern.mp4 اعدادی که بدون واحد ثبت کردمبه ویدیویی که ویرگول برایم ساخته که نگاه می‌کنم میبینم که در سال ۹۹، من در مجموع ۸,۷۴۵ کلمه در ویرگول نوشتم و منتشر کردم و مخاطبین، پست‌های من را ۷۱ مرتبه پسندیدند و ۳۰ بار هم نظر خود را روی پست‌های من به اشتراک گذاشتند. در سال ۹۹، ۱۳ نفر در ویرگول من را دنبال کردند تا پست‌های بعدیم را بخوانند. این اعداد نشان میدهند من کاری کرده‌ام. هرکدام به واحدی وصل هستند. از خودم می‌پرسم من کدام واحد را شمارش کرده‌ام؟ کدامیک از واحدهای بالا از همه برای من مهم‌تر است؟ ادامه ویدیو را می‌بینم.آمار از اثر بیرونی می‌گویندطبق آمار پست‌های من ۳,۰۳۲ بار خوانده شدند و ۱۷۰,۱۱۹ ثانیه صرف مطالعه آنها شده است، که با توجه به جمعیتی که در ایران به اینترنت دسترسی دارند، ویرگول به من می‌گوید که توانستم ۰/۰۰۲۳۳۲۳۱۴ ثانیه، سرانه مطالعه دیجیتال کشور را بالا ببرم.از طرف دیگر ویرگول به من می‌گوید که اگر قرار بود پست‌هایم را چاپ و به دست تک تک خوانندگان برسانم باید ۱۲,۴۴۸ کاغذ مصرف می‌کردم.آن عددهای کوچک ابتدای ویدیو حالا تبدیل شده‌اند به عددهای بزرگ به اینکه من جلوی مصرف این تعداد کاغذ را گرفتم یا به اینکه من ۰/۰۰۲۳۳۲۳۱۴ ثانیه، سرانه مطالعه دیجیتال کشور را جابه جا کرده‌ام. واحد این عددها برای من ملموس‌تر است.واحد نوشتن چیست؟همه عددهای بالا و همینطور اثر بیرونی که روی خوانندگان و همینطور در مقیاس بزرگتر طبیعت و جامعه اطرافم گذاشتم اعدادی هستند که من دوستشان دارم و به آنها افتخار می‌کنم. اگر چنین ویدیویی دست شما نیز رسید به شما بابت تک تک اعداد تبریک می‌گویم.اثر هر نوشته تا حدودی معلوم است، اگر بنویسید جلوی قطع درخت را می‌گیرید، به سرانه مطالعه کشور اضافه می‌کنید و خوانندگانی جذب می‌کنید که شما را از طریق نوشته‌هایتان می‌شناسند و …به نظرم می‌رسد که نوشته‌های من و شما واحد ندارند ولی اثر بیرونی دارند.

متغیرها در جاوا‌اسکریپت

محمد مسعودی — Thu, 11 Mar 2021 23:56:55 +0330

let box = 'Cat'بیشتر اوقات توی یک برنامه جاوا اسکریپتی با اطلاعات سر و کار داریم مثلا :‌ فروشگاه آنلاین: اطلاعاتی مثل کالاهای فروخته شده و سبد خرید داره برنامه چت آنلاین: اطلاعاتی مثل لیست کاربران، پیام ها و خیلی چیزای دیگه داره متغیر های برای نگهداری اطلاعات استفاده میشن متغیر چیه؟ متغیر یه حافظه نام گذاری شده هست که برای نگهداری اطلاعات میتونیم ازش استفاده کنیم برای ساختن یک متغیر توی جاوا اسکریپت از کلمه let استفاده کنیندستور زیر یه متغیر رو با نام message تعریف میکنه :let message;حالا ما میتونیم یه سری اطلاعات رو با عملگر = بریزیم توش let message; message = 'Hello'; // یه رشته رو نگهداری میکنه حالا این متغیر تو حافظه ذخیره شده میتونیم با استفاده از نامش بهش دسترسی داشته باشیم:let message; message = 'Hello!'; alert(message); // محتوای متغیر رو نشون میدهمیتونیم خلاصه تر هم بنویسیم یعنی مراحل تعریف کردن و مقداردهی رو توی یک خط انجام بدیم : let message = 'Hello!'; // تعریف کردن متغیر و مقدار دادن alert(message); // Hello!همچنین میتونیم چند تا متغیر رو توی یک خط تعریف کنیم :let user = 'John', age = 25, message = 'Hello';اینجوری کوتاه تر به نظر میرسه، ولی توصیه نمیشه اینجوری استفاده کنین و خوانایی کد رو پایین میاره بهتره که هر متغیر رو توی یک خط تعریف کنین چند خطی نوشتن طولانی تره اما خوندنش راحت تره: let user = 'John'; let age = 25; let message = 'Hello';بعضیا چند تا متغیر رو اینجوری چند خطی تعریف میکنن: let user = 'John', age = 25, message = 'Hello';یا ویرگول رو اولش میذارن :‌let user = 'John' , age = 25 , message = 'Hello';از نظر فنی همه اینا یه کار انجام میدن و انتخاب این که از کدوم مدلش استفاده کنین سلیقه‌ای هست و شخصیه استفاده از var به جای letتوی اسکریپت های قدیمی شاید کلمه var رو به جای let دیده باشین : var message = 'Hello';کلمه var تقریبا مثل let هست و متغیر تعریف میکنه اما یکم فرق میکنه و روش قدیمی هست تفاوت های ریزی بین let و var هست اما هنوز برای ما مهم نیست توی فصل «var قدیمی» به طور مفصل توضیح میدیمشیه مثال توی زندگی واقعی برای درک بهتر متغیر‌ها یه جعبه رو تصور کنین که برای نگهداری اطلاعات هست و یه نام منحصر به‌ فرد داره که روی جعبه نوشته شده برای نمونه، متغیر message رو میتونین یه برچسب در نظر بگیرین که روی جعبه زده شده و مقدار داخلش هم hello هست :میتونیم هر داده دیگه‌ای داخل این جعبه قرار بدیم همچنین میتونیم هر چند بار که خواستیم تغییرش بدیم :let message; message = 'Hello!'; message = 'World!'; // مقدار متغیر اینجا تغییر کرد alert(message);وقتی که مقدار متغیر عوض میشه اطلاعات قبلیش پاک میشه : همچنین میتونیم دو تا متغیر تعریف کنیم و اطلاعات رو از یکی به دیگری کپی کنیم let hello = 'Hello world!'; let message; // copy 'Hello world' from hello into message message = hello; // حالا دو تا متغیر اطلاعات یکسانی دارن alert(hello); // Hello world! alert(message); // Hello world!دوبار تعریف کردن باعث ایجاد خطا میشه، یه متغیر فقط یه بار باید تعریف بشه تعریف دوباره متغیری که قبلا تعریف شده خطا میده: let message = "This" // repeated 'let' leads to an error let message = "That" // اینجا ارور میده که از قبل تعریف شده پس باید متغیر رو یه بار تعریف کنیم و برای اشاره کردن بهش از let استفاده نکنیم زبان‌های رویه‌ای(Functional)جالبه بدونین زبان‌های functional مثل Scala یا Erlang تغییر مقدار متغیر رو ممنوع کردنتوی این نوع زبان‌ها وقتی مقداری رو توی جعبه قرار می‌دیم تا ابد اونجا می‌مونه و اگه بخوایم مقدار دیگه‌ای رو ذخیره کنیم، ما رو مجبور می‌کنن تا جعبه‌‌ی جدید بسازیماگرچه توی نگاه اول این زبان‌ها عجیب به نظر میان، ولی کاملا توانایی توسعه‌ (توی پروژه‌های) جدی رو دارن مهم‌تر از اون توی زمینه‌هایی مثل محاسبات موازی (Parallel Computation) این محدودیت‌ها تبدیل به مزیت میشن مطالعه‌ی این زبان‌ها (حتی اگه به این زودی قصد استفاده از اونا را ندارین) برای وسیع شدن دیدتون، توصیه می‌شهنام‌گذاری متغیردو تا محدودیت برای نام‌گذاری متغیرها توی جاوا اسکریپت وجود داره: نام حتما باید حروف، اعداد، یا نماد های $ و _ باشهاولین کاراکتر نباید با عدد شروع بشهیه مثال از نام‌گذاری درست : let userName; let test123;وقتی که یک نام چند کلمه داره، عموما از روش camelCase استفاده میکنیم به این صورت که کلمات یکی بعد از دیگری پشت هم نوشته میشن و حرف اول هر کلمه کاراکتر بزرگ هست : myVeryLongName .همینطور از $ و _ هم میشه استفاده کرد. معنی خاصی ندارن و مثل حروف قابل استفاده هستناین نام‌ها معتبر هستند :let $ = 1; //تعریف یک متغیر با : "$" let _ = 2; // تعریف یک متغیر با : "_" alert($ + _); // 3مثالی از نام‌گذاری غلط: let 1a; // نمیتونه با عدد شروع بشه let my-name; // علامت منفی (خط تیره) نباید استفاده بشه حروف کوچیک و بزرگ فرق میکنه متغیر apple و AppLE دو تا متغیر جداگانه هستن و یکی نیستن حروف غیر انگلیسی هم مجازه ولی توصیه نمیشه let имя = '...'; let 我 = '...';از نظر فنی اینا درست کار می‌کنن ولی بر اساس یک رسم بین‌المللی برای نام متغیرها از زبان انگلیسی استفاده می‌شه حتی اگه اسکریپت کوچیکی می‌نویسیم، ممکنه تا مدت طولانی‌ای مورد استفاده و توسعه قرار بگیره و افرادی از بقیه کشورها ممکنه نیاز باشه روزی اون اسکریپت رو بخونننام های رزرو شده تعدادی نام رزرو شده وجود داره که نمیشه از اونا برای نام متغیرها استفاده کرد برای این که اونا توسط خودِ زبان جاوا اسکریپت استفاده شدنمثلا let، class، return و function رزرو شده هستناین کد خطای دستوری میده: let let = 5; /* نمیشه نام یه متغیر رو let گذاشت */ let return = 5; /* همچنین نمیشه نامش رو return گذاشت */مقدار دهی بدون «use strict»قبلا این امکان وجود داشت تا متغیری رو بدون استفاده از let و صرفا با مقدار دهی تعریف کرد درصورتیکه از use strict استفاده نکنیم، این امکان همچنان وجود دارهتوی این مثال از use strict استفاده نشده:num = 5; /* متغیر num اگه وجود نداشته باشه ایجاد میشه */ alert(num); // 5این روش مناسب نیست و در صورت وجود use strict با خطا مواجه خواهد شد:"use strict" num = 5; /* ارور :‌ متغیر num تعریف نشده! */ثابت هابرای تعریف کردن یک ثابت (متغیر هایی که مقدارشون غیر قابل تغییره) از کلمه const به جای let استفاده کنین: const myBirthday = '18.04.1982';متغیر هایی که با کلمه const تعریف میشن رو ثابت میگیم بهشون ثابت‌ها دوباره قابل مقدار دهی نیستن و اگه سعی کنیم اونا رو تغییر بدیم به خطا میخوریم: const myBirthday = '18.04.1982'; myBirthday = '01.01.2001'; // ارور میده چون نمیشه مقدار ثابت رو تغییر دادوقتی یه برنامه نویس مطمئنه که متغیر هیچ‌وقت عوض نمیشه میتونه اونو به عنوان ثابت تعریف کنهثابت‌های با حروف بزرگبه صورت یک عُرفِ همه‌گیر، از ثابت‌های با حروف بزرگ به عنوان نام مستعار برای مقادیری که به خاطر سپردن اونا دشواره، استفاده می‌شه. این دسته از ثابت‌ها اصطلاحا prior to execution (پیش از اجرای برنامه) مقدارشون قطعیهتوی ثابت‌ها از حروف بزرگ و _ استفاده می‌شه :const COLOR_RED = "#F00" const COLOR_GREEN = "#0F0" const COLOR_BLUE = "#00F" const COLOR_ORANGE = "#FF7F00" // ... ما نیاز داریم یه رنگ انتخاب کنیم let color = COLOR_ORANGE; alert(color); // #FF7F00مزایای استفاده از ثابت‌ها :به خاطر سپردن COLOR_ORANGE خیلی راحت‌تر از FF7F00# هست غلط نوشتن #FF7F00 از COLOR_ORANGE خیلی آسون‌ترهموقعی خوندن کدها، COLOR_ORANGE با معنی تر از FF7F00# هست چه زمانی باید از حروف بزرگ و چه زمانی باید از حروف معمولی برای نام‌گذاری ثابت استفاده کنیم؟ثابت بودن یک متغیر صرفا به این معنیه که مقدار اون تغییر نخواهد کرد. یک دسته از ثابت‌ها قبل از اجرای برنامه مقدارشون قطعی خواهد بود و دسته دیگه در حین اجرای (Run Time) برنامه مقدارشون مشخص می‌شه (و دیگه مقدارشون تغییر نمی‌کنه)برای نمونه :‌const pageLoadTime = /* زمانی که طول کشیده تا صفحه وب بارگذاری بشه*/;مقدار ثابت pageLoadTime قبل از اجرای برنامه مشخص نبوده و به همین دلیل به صورت عادی نوشته شده اما هنوز یک ثابته چون که بعد از مقداردهی تغییر نمیکنهثابت‌های با حروف بزرگ زمانی که اصطلاحا مقداری به صورت "hard code" شده داریم، استفاده می‌شه (مثل کد رنگ قرمز) نام های مناسب انتخاب کنین لطفا نام متغیرهای خودتونو با حساسیت انتخاب کنین و برای اینکار خوب فکر کنینانتخاب نام برای متغیرها یکی از کارهای مهم و پیچیده توی برنامه‌نویسیه یک نگاه سریع به نام متغیرها میتونه تفاوت یک برنامه‌نویس تازه‌کار و با تجربه را نشان بدهتوی پروژه‌های واقعی، بجای از صفر نوشتن برنامه‌ها، بیشتر زمان صرف اصلاح و توسعه کدهای موجود می‌شه. وقتی بعد از مدتی به کدهای قبلی بر‌میگردیم، بدست آوردن اطلاعات از کد‌هایی که نام‌گذاری‌های خوبی دارن خیلی راحت‌تره (منظور متغیرهاییه که نام‌های خوبی دارن)لطفا قبل از انتخاب نام برای یک متغیر خوب بهش فکر کنین نتیجه‌اش رو حتما میبینینیه سری قوانین که اگه رعایت کنین خوبه :از نام‌هایی که برای انسان قابل فهم است استفاده کنید مانند userName یا shoppingCart از نام‌های مخفف یا کوتاه استفاده نکنین مثل a، b، c، مگه اینکه بدونین چیکار دارین میکنیننام‌های کاملا واضح و مختصر انتخاب کنین نمونه‌هایی از نام‌های بد data و value هستن این نام‌ها هیچ‌چیزی رو توضیح نمی‌دن. استفاده از این مدل نام‌ها فقط زمانی قابل قبوله که محتوای کدی که می‌نویسین استثنا مشخص کنه که data یا value به چه چیزی اشاره می‌کنهبا ذهن خود و تیم کاریتان توافق نظر داشته باشین اگر به مخاطبان وب‌سایت‌تون user میگین، متغیرهای مرتبط رو به جای currentVisitor یا newManInTown باید currentUser یا newUser نام‌گذاری کنینایجاد یا استفاده مجدد ؟به عنوان آخرین نکته بعضی از برنامه‌نویسای تنبل بجای تعریف متغیرهای جدید، از متغیرهای موجود دوباره استفاده می‌کنندر نتیجه متغیرهای اونا مثل جعبه‌‌ایه که افراد متفاوت چیزهای مختلفی توش ریختن و نام روی برچسب اونا رو تغییر ندادن، این دسته از برنامه‌نویسان در تعریف متغیر مقداری صرفه‌جویی میکنن، ولی مدت زمان زیادی از زمان رفع خطاها رو افزایش میدنبهینه‌سازی‌هایی که توی مرورگرهای امروزی و همینطور کم‌حجم‌کننده‌های جاوا اسکریپت صورت می‌گیره، در بوجود نیامدن مشکلات عملکردی (Performance) برنامه‌های ما کمک می‌کنن حتی استفاده از متغیرهای مختلف برای مقادیر مختلف به موتور جاوا اسکریپت کمک می‌کنه تا کد شما رو بهینه کنهخلاصهمتغیرها رو برای نگهداری اطلاعات میتونیم با کلمه های var , let و یا const تعریف کنیم کلمه let روش مدرن تعریف کردن متغیره کلمه var یه روش قدیمی هست برای تعریف متغیر در حالت معمولی ازش استفاده‌ای نمیکنیم اما تفاوت هاش با let رو توی قسمت «var قدیمی» توضیح میدیمکلمه const مثل let هست اما مقدارش نمیتونه تغییر کنه متغیرها باید جوری نام‌گذاری بشن تا راحت متوجه بشیم داخلشون چیهپست بعدی (دیتا تایپ‌ها در جاوااسکریپت ) https://virgool.io/@mmasoudih/types-nhhebxk3m1ej پست قبلی(این قسمت جاوا اسکریپت سخت گیر می‌شود !) https://virgool.io/Only-js/strict-mode-wfjkbwn4w0lo اگر توی این مقاله مشکلی بود یا خواستین توی این پروژه مشارکت کنین این لینک گیت‌هابش هست.منبعگیت‌هاب

این قسمت جاوا اسکریپت سخت گیر می‌شود !

محمد مسعودی — Fri, 12 Feb 2021 19:19:51 +0330

برای مدت طولانی جاوا اسکریپت بدون مشکل سازگار پذیری توسعه داده می‌شد و امکانات جدید بدون اینکه نیازی به تغییر در امکانات قبلی باشه، به این زبان اضافه می‌شد.مزیت این موضوع این بود که هیچوقت توی کدهای قدیمی اشکالی به‌وجود نمیومد اما مشکل اینجا بود که اگر اشکالی در طراحی زبان، توسط خالقان جاوا اسکریپت رخ داده بود، تا ابد بجا میمونداین موضوع تا سال 2009 که ECMAScript 5 (ES5) معرفی شد، ادامه داشت.ES5 قابلیت‌های جدیدی رو به زبان اضافه کرد و اصلاحاتی رو هم روی امکانات فعلی انجام داد.برای اینکه کدهای قدیمی کار کنن، بیشتر تغییراتی که در ES5 اتفاق افتاد، به صورت پیش‌فرض غیر فعاله، و برای فعال کردن اونا باید از طریق عبارت "use strict" این کارو انجام داد.حالت سخت‌گیرانه یا همون "use strict" عبارت دستوری (directive) "use strict" یا 'use strict' شبیه به یه رشته هست که زمانیکه اول اسکریپت قرار می‌گیره، تمام اسکریپت روی حالت مدرن کار خواهد کرد. برای نمونه :"use strict" // این کد ها توی حالت مدرن کار میکنن ...در مورد فانکشن‌ها (روشی برای گروه‌بندی کردن دستورات) در آینده خواهیم آموخت.اینجا صرفا اینو بدونین که میتونیم اول بیشتر فانکشن‌ها "use strict" رو بذاریم تا قواعد مدرن فقط روی کد های فانکشن اعمال بشهمطمئن بشین که use strict رو اول کداتون گذاشتین در غیر این صورت حالت مدرن فعال براتون فعال نمیشه alert("some code"); //یه سری توضیحات ... "use strict" // حالت سخت‌گیرانه اینجا غیر فعالهفقط توضیحات میتونن بالای "use strict" قرار بگیرنهیچ راه برای غیرفعال کردن use strict وجود نداره هیچ دستوری مثل no use strict وجود نداره تا به موتور جاوا اسکریپت دستور بده که به روش قدیمی کار کنه. زمانی‌که use strict رو قرار می‌دیم، راه برگشتی وجود ندارهکنسول مرورگروقتی از کنسول توسعه دهنده برای اجرا کردن کد استفاده می‌کنین حواستون به این باشه که به صورت پیش‌فرض از use strict استفاده نمیکنهبعضی وقتا use strict یه تفاوت هایی ایجاد میکنه که شما ممکنه نتیجه اشتباهی بگیرینپس واقعا چجوری از use strict توی کنسول مرورگر استفاده کنیم؟از دکمه های Shift+Enter استفاده کنین تا بتونین توی چند خط کد بنویسین، و use strict رو بالای کداتون بذارین مثل مثال زیر :‌'use strict'; // ...کداتون این روش توی اکثر مرورگرها یعنی Firefox و Chrome کار می کنه ولی اگه کار نکرد مثلا مرورگرتون قدیمی بود یا هر چیز دیگه‌ای یه روش هست براش اما روش زشتیه، اما خب میشه مطمئن شد که حتما use strict کار میکنه :(function() { 'use strict'; // کداتون رو اینجا بذارین })()اصلا باید از use strict استفاده کنیم یا نه؟ممکنه این سوال واضح به نظر برسه ولی اینطور نیستتوصیه میکنم از use strict اول کداتون استفاده کنین، اما میدونین چی جالبه؟جاوا اسکریپت مدرن از کلاس ها و ماژول ها و ساختار های پیشرفته زبان (که توی آموزش های بعدی بهشون میرسیم) پشتیبانی میکنه که use strict رو به صورت خودکار فعال میکنه، پس اگه از اونا استفاده کنیم لازم نیست از use strict استفاده کنیمفعلا use strict رو به عنوان یک مهمون بالای اسکریپت هاتون استفاده کنین بعدا که به ماژول ها و کلاس ها رسیدم میتونیم این مهمون رو بفرستیم بره خونه خودش :)توی قسمت های بعدی ویژگی های زبان رو یاد میگیریم و تفاوت های حالت سخت‌گیرانه و حالت قدیمی رو میبینیم، خوشبختانه تعدادشون زیاد نیست و در واقع زندگی ما بهتر میکنن :)پست قبلی (آشنایی بیشتر با ساختار برنامه نویسی با جاوا اسکریپت) https://vrgl.ir/D9rer پست بعدی (متغیرها در جاوا‌ اسکریپت) https://vrgl.ir/YTxew اگر توی این مقاله مشکلی بود یا خواستین توی این پروژه مشارکت کنین این لینک گیت‌هابش هست.منبعگیت‌هاب

آشنایی بیشتر با ساختار برنامه نویسی با جاوا اسکریپت

محمد مسعودی — Thu, 11 Feb 2021 18:38:36 +0330

اولین چیزی که ما باید یاد بگیریم ساختار یک قطعه کد هست دستورات (statements)دستورات و ساختارهایی که یه سری کارای خاصی رو انجام میدن توی آموزش قبلی هم یه سری دستور دیدیم , ‍‍('سلام دنیا !')alert که یک پیغام «سلام دنیا!» رو نشون میداد میتونیم تعداد زیادی دستور داشته باشیم و با استفاده از سمی‌کالن ; میتونن از هم دیگه جدا بشن بذارین یک مثال بزنم تا بهتر متوجه بشین، اینجا ما "سلام دنیا" توی دو تا دستور alert جدا کردیم alert('سلام'); alert('دنیا');معمولا دستورات ها توی خط های جدا نوشته میشن تا خوانایی کد بالا بره : alert('سلام'); alert('دنیا');نقطه ویرگول (Semicolon)اگه خط شکسته بشه میتونیم نقطه ویرگول نذاریم این باز هم اجرا میشه: alert('سلام') alert('دنیا')توی این مثال بالا مفسر جاوا اسکریپت وقتی به یک خط شکسته شده میرسه اونو یه نقطه ویرگول فرضی در نظر میگیره و خودش اونو قرار میده برامون، این ویژگی اسمش «درج خودکار نقطه ویرگول» هست توی بیشتر موارد، یک خط جدید، یک نقطه ویرگول فرضی حساب میشه. اما «بیشتر موارد» به معنی «همیشه» نیست !بعضی جاها هست که خط جدید به معنی نقطه ویرگول نیست برای مثال :alert(3 + 1 + 2);خروجی کد بالا ۶ هست برای این که جاوا اسکریپت اینجا نقطه ویرگول اضافه نکرده، خیلی واضحه که اگه اخر خط علامت "+" باشه یعنی این عبارت ناقص هست پس نقطه ویرگول لازم نیست اما بعضی جاها هست که جاوا اسکریپت گیج میشه و نمیدونه که باید نقطه ویرگول بذاره بالاخره یا نذاره ! پیدا کردن مشکل توی این موارد خیلی سخته مثالی از خطا اگه کنجکاوین که یک مثال از این مدل خطا ها رو ببینین این کد رو بررسی کنین : [1, 2].forEach(alert)فعلا لازم نیست فکر کنین که معنی [ ] و forEach چیه بعدا یاد میگیرم چی هستن الان فقط یادتون باشه که نتیجه کد بالا چیه اول عدد ۱ رو نشون میده و بعدش عدد ۲ خب بریم تا یک alert‍ قبل از کد اضافه کنیم و اون رو با نقطه ویرگول تموم نکنیم alert("خطایی اتفاق خواهد افتاد") [1, 2].forEach(alert)حالا اگه ما کد بالا رو اجرا کنیم فقط alert اول اجرا میشه و بعد ما یه خطا داریم !‌اما اگه بعد از alert اول یه نقطه ویرگول بذاریم همه چیز درست میشه alert("یوهو همه چی مرتبه اینجا !"); [1, 2].forEach(alert)اگه کد بالا رو اجرا کنین اول "یوهو همه چی مرتبه اینجا !" نشون داده میشه و بعدش به ترتیب عدد های ۱ و ۲ این خطا بدون نقطه ویرگول اتفاق میوفته چرا؟! چون که جاوا اسکریپت قبل از علامت کروشه [...] نقطه ویرگول نمیذاره پس، چون نقطه ویرگول به صورت خودکار اضافه نشده کد توی مثال قبلی یه عبارت واحد در نظر گرفته میشه و موتور یه همچین چیزی میبینه: alert("یه خطا خواهیم داشت")[1, 2].forEach(alert)یه لحظه صبر کن ببینم چی گفت ؟!!! موتور ؟ موتور چیه دیگه !توی این مقاله راجع به موتور های جاوا اسکریپت توضیح دادم که میتونین برین بخونین اما باید توی دو تا دستور جدا باشه، اینجوری ادغام کردن کردنشون با هم دیگه اشتباهه برای همون خطا میده توصیه میکنیم که نقطه ویرگول رو بین دستور های مختلف بذارین حتی اگه با یه خط جدید از هم دیگه جدا شدن، این قانون رو همه به صورت گسترده قبول کردنیه بار دیگه توجه کنین، ممکنه خیلی جاها از نقطه ویرگول استفاده نکنین اما استفاده ازش به خصوص اگه تازه‌کار هستین امن ترهتوضیحات (Comments)با گذر زمان برنامه ها پیچیده‌تر و پیچیده‌تر میشن و لازمه که توضیحاتی اضافه کنیم که معلوم باشه فلان خط از کد داره چیکار میکنه و چراتوضیحات رو میشه هر جایی از اسکریپت گذاشت اونا روی اجرا شدن کد تاثیر نمیذارن چون موتور اونا رو خیلی ساده نادیده میگیرهتوضیحات یک خطی با دو تا خط مورب یا همون اسلش رو به جلو شروع میشه یعنی اینجوری // اگه اینجوری \\ بنویسین درست نیست این مدل از توضیحات میتونه در ادامه دستور بیاد یا این که کلا توی یک خط جدا باشه : // این توضیح یک خط رو کامل گرفته alert('سلام'); alert('دنیا'); // این توضیحات در ادامه دستور اومدن توضیحات چند خطی با یک خط مورب رو به جلو و ستاره شروع میشه و با یک ستاره و خط رو به جلو تموم میشه یعنی اینجوری : /* اینجوری شروع میشه و یه سری توضیحات ... */ و اینجوری تموم میشه alert('سلام'); alert('دنیا');هر چی توی توضیحات بنویسیم اجرا نمیشه و نادیده گرفته میشه پس اگه ما کد هم بینش بنویسیم اجرا نمیشهبعضی وقتا لازم میشه تا به صورت موقتی یه تیکه کد رو غیرفعال کنیم اینجوری میتونیم انجامش بدیم :‌/* alert('سلام'); */ alert('دنیا');از کلید های میانبر استفاده کنینتوی بیشتر ویرایشگرا، یه خط از کد رو میتونیم با زدن دکمه های /+Ctrl تبدیلش کنیم به توضیح یک خطی و برای توضیحات چند خطی (اول اون تیکه‌ای که میخواین رو انتخاب کنین) و بعدش /+Ctrl+Shift رو بزنین اگه از مک(Mac) استفاده میکنین به جای Ctrl از Cmd و به جای Shift از Option استفاده کنینتوضیحات تو در تو پشتیبانی نمیشه!اگه به صورت تو در تو بخواین توضیحات بنویسین به خطا بر میخورینبه مثال زیر توجه کنین : /* /* توضیحات تو در تو ?!? */ */ alert( 'دنیا' );لطفا توی کداتون توضیحات بنویسین :) با نوشتن توضیحات حجم کداتون زیاد میشه ولی این مشکلی نداره ابزار های زیادی وجود داره که کدتون رو قبل از انتشار روی سرور فشرده میکنه و توضیحات رو هم پاک میکنه، پس توی اسکریپت نهایی هیچ توضیحاتی وجود نداره، توضیحات هیچ تاثیر منفی توی برنامه نداره.پست قبلی (خب دیگه بیاین سلام کنیم به دنیای جاوا اسکریپت :)) https://vrgl.ir/K2aik پست بعدی(این قسمت جاوا اسکریپت سخت گیر می‌شود !) https://vrgl.ir/jtaKD اگر توی این مقاله مشکلی بود یا خواستین توی این پروژه مشارکت کنین این لینک گیت‌هابش هست.منبعگیت‌هاب

خب دیگه بیاین سلام کنیم به دنیای جاوا اسکریپت :)

محمد مسعودی — Tue, 09 Feb 2021 19:15:57 +0330

توی این قسمت از آموزش درباره خود جاوا اسکریپت میخوایم صحبت کنیم اما ما نیاز داریم تا توی یه محیط اسکریپت های خودمون رو اجرا کنیم، و از اونجایی که این کتاب آنلاینه مرورگر انتخاب خوبیه ما تعداد دستورات مخصوص مرورگر مثل (alert) رو به حداقل میرسونیم تا اگه قصد دارین روی محیط دیگه‌ای مثل (Node.js) تمرکز کنین وقتتون رو روی دستورات مرورگر نذارینجاوا اسکریپت همه جا :)توی قسمتی که مروبوط به جاوا اسکریپت در مرورگر هست کامل توضیحش میدیم فعلا میخوایم با ساختار کلی جاوا اسکریپت آشنا بشیمخب اول بیاین ببینیم چطوری میشه یه فایل اسکریپت رو به صفحه اضافه کرد، برای محیط سمت سرور مثل (Node.js) میتونین با زدن دستور "node my.js" اسکریپتتون رو اجرا کنین آشنایی با برچسب اسکریپت برنامه های جاوا اسکریپت تقریبا میتونن هر جایی از یه سند HTML با استفاده از برچسب اجرا بشن.برای مثال :

متن قبل از اسکریپت ...

alert( 'یوهوووو، سلاممممم' );

... متن بعد از اسکریپت

هر چی توی برچسب اسکریپت هست وقتی که مرورگر پردازشش میکنه به صورت خودکار اجرا میشه.نشانه گذاری جدیدبرچسب چند تا صفت داره که الان ما ازشون خیلی خیلی کم استفاده میکنیم ولی توی کد های قدیمی استفاده می‌شدن: صفت type (نوع) : <...=script type>توی HTML استاندارد قدیمی, (HTML 4) یه برچسب اسکریپت حتما باید صفت type رو می‌داشت، معمولا اینجوری نوشته می‌شد type="text/javascript" دیگه لازم نیست نوشته بشه و همچنین توی HTML جدید معنی این صفت هم عوض شده و کار دیگه‌ای انجام میدهالان، میشه ازش برای ماژول های جاوا اسکریپت استفاده کرد اما این یک موضوع پیشرفته هست، ما توی بخش دیگه‌ای از آموزش در مورد ماژول ها صحبت خواهیم کردصفت language (زبان) :‌ <...=script language>این صفت به معنی این بود که زبان اسکریپت چی هست،استفاده از این صفت دیگه منطقی نیست چون به صورت پیش‌فرض روی زبان جاوا اسکریپت هست پس لازم نیست ازش استفاده کنیمتوضیحات قبل و بعد از اسکریپتتوی کتابا و راهنما های خیلی قدیمی، ممکنه توضیحاتی رو توی برچسب به این شکل پیدا کنین :