نوشته های انصار میرزایی

انواع داده ها

انصار میرزایی — Sun, 19 Dec 2021 17:02:16 +0330

داده ها توی جاوااسکرپت دارای نوع های خاصی هستن مثلا عددی یا رشته ایما هشت نوع داده ی اصلی داریم هر کدوم رو یه توضیح کوتاهی خواهیم داد.ما میتونیم هر نوع داده ای رو داخل متغیر قرار بدیم. مثلا یک متغیر میتونه مقدار رشته ای داشته باشه ولی ما به اون یه مقدار عددی بدیم // no error let message = "hello" message = 123456; به زبان های برنامه نویسی مثل جاوااسکریپت که چنین اجازه هایی رو میدن “dynamically typed” میگیمنوع عددی number let n = 123; n = 12.345; نوع عددی هم اعداد صحیح و هم اعداد ممیز دار رو نشان می دن.عملیات زیادی برای اعداد وجود داره، مثلا : ضرب *، تقسیم /، جمع +، تفریق - و غیرهبه جز اعداد منظم، به اصطلاح "مقادیر عددی ویژه"ای هم وجود داره که به این نوع داده تعلق دارن:Infinity , -Infinity , NanInfinity : به معنی بینهایت در ریاضیات. یک مقدار ویژه ای است که از هر عددی بزرگتر استalert( 1 / 0 ); // Infinity alert( Infinity ); // Infinity NaN : نشان دهنده یک خطای محاسباتی است. این نتیجه یک عملیات ریاضی نادرست یا تعریف نشده است alert( "not a number" / 2 ); // NaN, such division is erroneousنوع عددی BigIntدر جاوا اسکریپت، نوع «number» نمی‌تونه مقادیر صحیح بزرگ‌تر از ( 1 - 53^2 ) (یعنی 9007199254740991) یا کمتر از ( 1 - 53^2 )- رو برای منفی‌ها نشون بده. این یک محدودیت فنی ناشی از نمایندگی داخلی اونهاستبرای اکثر اهداف ما این کاملاً کافیه، اما گاهی اوقات ما به اعداد واقعاً بزرگ نیاز داریم، به عنوان مثال. برای رمزنگاری یا مهرهای زمانی با دقت میکروثانیه.نوع BigInt اخیراً برای نمایش اعداد صحیح با طول دلخواه به زبان اضافه شده است.یک مقدار BigInt با اضافه کردن n به انتهای یک عدد صحیح ایجاد میشه// the "n" at the end means it's a BigInt const bigInt = 1234567890123456789012345678901234567890n;اما همچنان در برخی مرورگرها پشتیبانی نمیشه .میتونید از این جا لیست کامل پشتیبانی این نوع رو در مروگرهای مختلف رو ببینیدرشته stringیک رشته در جاوا اسکریپت باید با نقل قول احاطه بشه let str = "Hello" let str2 = 'Single quotes are ok too'; let phrase = `can embed another ${str}`;در جاوا اسکریپت 3 نوع نقل قول وجود دارد.نقل قول های دوگانه یا دابل کوتیشن: "سلام"نقل قول تک یا سینگل کوتیسن: 'سلام'بکتیک یا backticks: `سلام`نقل قول های دوتایی و تکی نقل قول های "simple" هستند. عملاً هیچ تفاوتی بین اونا در جاوا اسکریپت وجود نداره.بک‌تیک‌ها نقل قول‌های "عملکرد گسترده" ( extended functionality ) هستند. اونا به ما این امکان رو می دن که متغیرها و عبارات رو با قرار دادن اونها در {…}$ در یک رشته جاسازی کنیم، به عنوان مثال:let name = "John" // embed a variable alert( `Hello, ${name}!` ); // Hello, John! // embed an expression alert( `the result is ${1 + 2}` ); // the result is 3بولین Boolean (نوع منطقی)نوع بولین تنها دو مقدار داره: true و falseاین نوع معمولاً برای ذخیره مقادیر yes/no استفاده می‌شه: 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")مقدار "null"مقدار ویژه ی null به هیچ کدوم از نوع های گفته شده در بالا تعلق نداره.یک نوع جداگونه برای خودش تشکیل می ده که فقط حاوی مقدار null هستشlet age=null;در جاوا اسکریپت، null مانند برخی از زبان‌های دیگر «اشاره به یک شی غیر موجود» یا «اشاره‌گر تهی» نیست.این فقط یک مقدار ویژه است که نشان دهنده ی "هیچ"، "خالی" یا "مقدار ناشناخته" است.کد بالا بیان می کنه که سن ناشناخته است.مقدار "undefined"مقدار ویژه ی undefined مانند نوع null یه حالت ویژه ای میباشد که وقتی متغیری را اعلام میکنیم ولی مقداری را برای آن در نظر نمیگیریم ایجاد میشودlet age; alert(age); // shows "undefined"ابجکت ها و نمادها Objects and Symbolsبه همه ی نوع هایی که تا حالا بررسی کردیم به اصطلاح pirimitive گفته میشه چون مقدار اونها در یک لحظه فقط میتونه یک چیز باشه(مثلا یه رشته یا یه عدد یا هر چی) ولی در مقابل از ابجکت ها برای ذخیره ی مجموعه ای از داده ها و موجودیت های پیچیده تر استفاده میشهاز اونجایی که ابجکت ها خیلی توی جاوااسکریپت مهم هستند امیدوارم بعدا در رابطشون کامل حرف بزنیمنوع symbol برای ایجاد شناسه های "یکتا" برای ابجکت ها استفاده می شه. شناخت کامل اون نیازمند شناخت ابجکت هاستبرای بدست آوردن نوع داده ای یک متغیر از دستور typeof استفاده میکنیمtypeof undefined // "undefined" typeof 0 // "number" typeof 10n // "bigint" typeof true // "boolean" typeof "foo" // "string" typeof Symbol("id") // "symbol" typeof Math // "object" typeof null // "object" typeof alert // "function"خلاصه8 نوع داده اصلی در جاوا اسکریپت وجود دارهnumber for numbers of any kind: integer or floating-point, integers are limited by ±(253-1).bigint is for integer numbers of arbitrary lengthstring for strings. A string may have zero or more characters, there’s no separate single-character typeboolean for true/falsenull for unknown values – a standalone type that has a single value nullundefined for unassigned values – a standalone type that has a single value undefinedobject for more complex data structuressymbol for unique identifiersخیلی ممنون که تا اینجا اومدی و سعی کردی با انواع داده ها توی جاوااسکریپت آشنا بشیاگه چیزی بود که من اشتباه متوجه شدم حتما بهم بگو تا کنار هم یاد بگیریم ?منبع: https://javascript.info

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

انصار میرزایی — Sun, 12 Dec 2021 12:28:46 +0330

اغلب مواقع برنامه جاوا اسکریپت برای کار نیاز به اطلاعات دارهمثلا : فروشگاه آنلاین - اطلاعات ممکنه شامل کالاهای فروخته شده و سبد خرید باشهیا :یک برنامه چت - اطلاعات ممکنه شامل کاربرها، پیام ها و ... باشهبرای ذخیره این اطلاعات از متغیرها استفاده میکنیممتغیر یک "فضای نامگذاری شده" برای داده هاست و ما می‌تونیم از متغیرها برای ذخیره موارد، بازدیدکنندگان و سایر داده‌ها استفاده کنیمبرای ایجاد متغیر در جاوا اسکریپت، از کلمه کلیدی let استفاده میکنیمعبارت زیر یه متغیر با نام "message" ایجاد می کنه (به عبارت دیگه: اعلام می کنه):let message;حالا می‌تونیم با استفاده از عملگر انتساب مقداری داده رو داخلش قرار بدیم:let message; message = 'Hello'; // store the string 'Hello' in the variable named messageرشته حالا در ناحیه حافظه مرتبط با متغیر ذخیره شده. ما می تونیم با استفاده از نام متغیر به اون دسترسی پیدا کنیم:let message; message = 'Hello!'; alert(message); // shows the variable contentبرای کوتاه کردن، می‌تونیم تعریف متغیر و انتساب رو توی یک خط ترکیب کنیم:let message = 'Hello!'; // define the variable and assign the value 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' ;کلمه کلیدی var به جای let :توی اسکریپت های قدیمی، ممکنه کلمه کلیدی دیگه ای هم پیدا کنید: var به جای let:var message = 'سلام';کلمه کلیدی var تقریباً همان let هستش. دقیقا یک متغیر رو اعلام می‌کنه، اما به روشی «قدیمی» و کمی متفاوت.تفاوت های ظریفی بین let و var وجود داره، اما اونا هنوز برای ما مهم نیستند. بعدا شاید در رابطه باهاش حرف بزنیمما می‌تونیم به راحتی مفهوم «متغیر» رو درک کنیم، اگه اون رو به‌عنوان «جعبه‌ای» برای داده‌ها با برچسبی منحصربه‌فرد روی اون تصور کنیم.به عنوان مثال، متغیر message رو می تونین شبیه جعبه ای با برچسب "message" با مقدار "Hello!" تصور کنید.که در اون:ما می تونیم هر مقداری رو در داخل جعبه قرار بدیمما همچنین می تونیم اون رو هر چند بار که خواستیم تغییر بدیمlet message; message = 'Hello!'; message = 'World!'; // value changed alert(message);وقتی که مقدار تغییر می کنه، داده های قدیمی از متغیر حذف می شن:همچنین می تونیم دو متغیر رو تعریف کنیم و داده هاشون رو از یکی به دیگری کپی کنیم.let hello = 'Hello world!'; let message; // copy 'Hello world' from hello into message message = hello; // now two variables hold the same data alert(hello); // Hello world! alert(message); // Hello world!تعریف دوباره ی همون متغیر یک خطا است. یک متغیر باید فقط یک بار اعلام بشهlet message = "This" // repeated 'let' leads to an error let message = "That" // SyntaxError: 'message' has already been declaredپس، یک متغیر رو باید یکبار اعلام کنیم و بعدش بدون let به اون مراجعه کنیم.(مقدارش رو بگیریم یا تغییرش بدیم)نامگذاری متغیرهادو تا محدودیت برای نامگذاری متغیرها تئی جاوا اسکریپت وجود داره:نام باید فقط شامل حروف، اعداد یا نمادهای $ و _ باشه.اولین کاراکتر نباید رقمی باشه.let userName; let test123;ثابت ها ( constants )برای اعلام و تعریف یه متغیر ثابت (غیر قابل تغییر)، به جای let از const استفاده میکنیم:const myBirthday = '18.04.1982';متغیرهای اعلام شده با استفاده از const "ثابت" گفته می شن. اونها رو نمیشه دوباره مقداردهی کرد. تلاش برای انجام این کار باعث ایجاد خطا می شه:const myBirthday = '18.04.1982'; myBirthday = '01.01.2001'; // error, can't reassign the constant!وقتی یک برنامه نویس مطمئن باشه که یک متغیر هرگز تغییر نمیکنه، می تونه اون رو با const اعلام کنه تا تضمین شده باشه و به همه این واقعیت رو اعلام کنه.خلاصهبا استفاده از کلمات کلیدی var، let یا const می تونیم متغیرها رو برای ذخیره داده ها اعلام کنیم.یک : let – یک اعلان متغیر مدرن است.دو : var - یک اعلان متغیر قدیمی است. معمولاً ما اصلاً از آن استفاده نمی‌کنیمسه: const - مانند let است، اما مقدار متغیر را نمی توان تغییر داد.متغیرها رو باید به گونه‌ای نام‌گذاری کنیم که به ما این امکان رو بده که به راحتی بفهمیم چه چیزی داخل اونها وجود دارهخیلی ممنون که تا اینجا اومدی و سعی کردی با متغیرها توی جاوااسکریپت آشنا بشیاگه چیزی بود که من اشتباه متوجه شدم حتما بهم بگو تا کنار هم یاد بگیریم ?منبع: https://javascript.info

سلام، دنیا!

انصار میرزایی — Mon, 06 Dec 2021 23:01:39 +0330

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

Before the script...

alert( 'Hello, world!' );

After the script...

می‌تونید مثال بالا رو داخل یک فایل به نام دلخواه مثلا index.html بریزید و بعد ذخیره و اجرا کنید.فایل ها با فرمت html بصورت پیشفرض توسط مرورگر اجرا میشن. و یا به صورت آنلاین تست کنیدتگ حاوی کد جاوا اسکریپت هست که زمانی که مرورگر تگ رو پردازش می کنه به طور خودکار اجرا می شه.اسکریپت های خارجی "External scripts"اگه کد جاوا اسکریپت زیادی داریم، می تونیم اون رو توی یک فایل جداگانه قرار بدیم. فایل های اسکریپت با ویژگی src به HTML پیوست می شن: