جاوااسکریپت/قوانین و اصول اولیه زبان جاوااسکریپت

از ویکی کد
جاوااسکریپت/قوانین و اصول اولیه زبان جاوااسکریپت /
(تفاوت) → نسخهٔ قدیمی‌تر | نمایش نسخهٔ فعلی (تفاوت) | نسخهٔ جدیدتر ← (تفاوت)
پرش به ناوبری پرش به جستجو
دورهٔ آموزشی جاوااسکریپت
Javascript.jpg
جاوااسکریپت
موارد آموزشی
۱آموزش جاوااسکریپت
۲مقدمه‌ای بر جاوااسکریپت
۳قوانین و اصول اولیه زبان جاوااسکریپت
۴خروجی جاوااسکریپت
۵عبارت‌ها در جاوااسکریپت
۶شیوهٔ نوشتن دستورات در جاوااسکریپت
۷نظرات یا کامنت‌ها (Comments) در جاوااسکریپت
۸متغیرها در جاوااسکریپت
۹عملگرهای جاوااسکریپت
۱۰عملگرهای ریاضی در جاوااسکریپت
۱۱عملگرهای مقداردهی در جاوااسکریپت
۱۲انواع داده‌ها در جاوااسکریپت
۱۳توابع در جاوااسکریپت
۱۴اشیاء (object) در جاوااسکریپت
۱۵رویدادها در جاوااسکریپت
۱۶رشته‌های متنی (string) در جاوااسکریپت
۱۷متدهای نوع داده متنی یا رشته‌ای در جاوااسکریپت
۱۸اعداد در جاوااسکریپت
۱۹متدهای داده‌های عددی در جاوااسکریپت
۲۰آرایه‌ها در جاوااسکریپت
۲۱متدهای آرایه در جاوااسکریپت
۲۲مرتب‌سازی آرایه‌ها در جاوااسکریپت
۲۳متدهای پیمایش آرایه در جاوااسکریپت
۲۴اشیاء تاریخ و زمان در جاوااسکریپت
۲۵فرمت‌های تاریخ و زمان در جاوااسکریپت
۲۶متدهای دریافت تاریخ و زمان در جاوااسکریپت
۲۷متدهای تنظیم زمان و تاریخ در جاوااسکریپت
۲۸شی ریاضی (Math) در جاوااسکریپت
۲۹ایجاد عدد تصادفی در جاوااسکریپت
۳۰مقادیر بولین (Booleans) در جاوااسکریپت
۳۱عملگرهای منطقی و مقایسه‌ای در جاوااسکریپت
۳۲ساختار if else و else if در جاوااسکریپت
۳۳تکه کد Switch در جاوا اسکریپت
۳۴حلقه For در جاوااسکریپت
۳۵حلقه While در جاوااسکریپت
۳۶کلمات کلیدی Break و Continue در جاوااسکریپت
۳۷تبدیل نوع داده‌ها در جاوااسکریپت
۳۸عملیات‌های بیتی در جاوااسکریپت
۳۹عبارات با قاعده در جاوااسکریپت
۴۰خطاها در جاوااسکریپت - رخ دادن خطا و رفع آن
۴۱Scope در جاوااسکریپت
۴۲Hoisting یا جا به جایی کدها در جاوااسکریپت
۴۳استفاده از مد یا حالت سخت‌گیرانه (use strict) در جاوااسکریپت
۴۴کلمه کلیدی This در جاوااسکریپت
۴۵کلمه کلیدی Let در جاوااسکریپت
۴۶ثابت‌ها در جاوااسکریپت
۴۷تعریف توابع به صورت پیکان
۴۸کلاس‌ها در جاوااسکریپت
۴۹اشکال‌زدایی در جاوااسکریپت
۵۰راهنمای استایل و استانداردهای کدنویسی در جاوااسکریپت
۵۱بهترین تمرینات جاوااسکریپت
۵۲اشتباهات رایج در برنامه‌نویسی جاوااسکریپت
۵۳کارایی در جاوااسکریپت
۵۴کلمات رزرو شده در جاوااسکریپت
۵۵ورژن‌های جاوااسکریپت
۵۶ECMAScript 5 - JavaScript 5
۵۷ECMAScript 6 - ECMAScript 2015
۵۸جیسون (JSON) در جاوااسکریپت
فرم‌ها
۱فرم‌ها در جاوااسکریپت
۲API ارزشیابی در جاوااسکریپت
اشیاء (Object)
۱اشیاء در جاوااسکریپت
۲ویژگی‌های اشیاء در جاوااسکریپت
۳متدهای اشیاء در جاوااسکریپت
۴روش‌های دسترسی به شیء در جاوااسکریپت
۵سازنده‌های شیء در جاوااسکریپت
۶شکل اصلی شیء در جاوااسکریپت
۷متدهای شیء در ورژن ES5 جاوااسکریپت
تابع
۱تعریف تابع در جاوااسکریپت
۲پارامتر توابع در جاوااسکریپت
۳فراخوانی تابع در جاوااسکریپت
۴صدا کردن تابع در جاوااسکریپت
۵تابع Apply در جاوااسکریپت
۶بسته‌ها (به انگلیسی: Closures) در جاوااسکریپت
HTML DOM
۱HTML DOM در جاوااسکریپت
۲متدهای HTML DOM در جاوااسکریپت
۳HTML DOM Document در جاوااسکریپت
۴عناصر HTML DOM در جاوااسکریپت
۵reeeeeeeeeeeeeeee
۶تست
۷تست
۸تست
۹تست
۱۰تست
۱۱تست
۱۲تست
۱۳تست


تگ <script>

در زبان HTML، کدهایی که به زبان جاوااسکریپت نوشته می‌شوند می‌بایست در بین دو تگ​</script>​و​<script>​قرار بگیرند. [۱]

Example

<script>

document.getElementById("demo").innerHTML = "My First JavaScript";

</script>
ممکن است در مثالهایی که با ورژن‌های قدیمی تر زبان جاوااسکریپت نوشته شده‌اند از ویژگی (Attribute) و نوع (Type) استفاده شده باشد:​<script type="text/javascript">​. ویژگی (Attribute) و نوع (Type) الزامی نیست. زبان جاوااسکریپت زبان پیشفرض اسکریپت‌نویسی در سندهایی است که به زبان HTML نوشته شده‌اند.

توابع‌ها (Functions) و رویدادهای (Events) جاوااسکریپت

یک تابع (​Function​) جاوااسکریپت مجموعه یا بلاکی از کدهای جاوااسکریپت است که در هنگام فراخوانی آن مجموعه، کدها یا همان بلاک‌های کد اجرا می‌گردد.

برای مثال، یک تابع می‌تواند زمانی که یک رویداد (event) رخ داد، فراخوانی شود، مانند زمانی که کاربر بر روی یک دکمه یا button کلیک می‌کند.

شما در فصل‌های آینده مطالب بیشتری را در مورد توابع‌ها (functions) و رویدادها (events) خواهید آموخت.

جاوااسکریپت در تگ <head> یا تگ <body>

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

اسکریپت‌هایی را که با زبان جاوا اسکریپت نوشته می‌شوند را می‌توان در تگ‌های​<body>​یا در تگ​<head>​، یا هر دوی این تگ‌ها قرار داد.

قرار دادن اسکریپت در تگ <head>

در این مثال، یک تابع (​Function​) به زبان جاوااسکریپت در تگ​<head>​یک صفحه HTML قرار داده شده‌است.

این تابع زمانی اجرا (invoked) یا فراخوانی (called) می‌شود که بر روی یک دکمه یا button کلیک شود.

Example
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>

<h1>A Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>

</body>
</html>

قرار دادن اسکریپت در تگ <body>

در این مثال، یک تابع (​Function​) به زبان جاوااسکریپت در تگ​<body>​یک صفحه HTML قرار داده شده‌است.

این تابع زمانی اجرا (invoked) یا فراخوانی (called) می‌شود که بر روی یک دکمه یا button کلیک شود.

Example
<!DOCTYPE html>
<html>
<body>

<h1>A Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>

<script>
function myFunction() {
 document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>

</body>
</html>
قرار دادن اسکریپتی که به زبان جاوااسکریپت نوشته شده‌است در پایین‌ترین قسمت تگ <body> موجب می‌شود که سرعت نمایش صفحه بهبود یابد، زیرا عمل تفسیر اسکریپت موجب کاهش سرعت نمایش صفحه می‌شود.

جاوااسکریپت خارجی (External)

اسکریپت‌ها همچنین می‌توانند درفایل‌های خارجی (External) نیز قرار بگیرند:

External file: myScript.js
function myFunction() {
 document.getElementById("demo").innerHTML = "Paragraph changed.";
}

فایل‌های خارجی (External) جاوااسکریپت، فایلهایی هستند شامل کدهای پر استفاده و پرتکرار جاوااسکریپت که ممکن است در صفحات وب گوناگونی کاربرد داشته باشند.

برای استفاده از اسکریپت‌های خارجی، نام فایل اسکریپت خارجی (External) خود را به عنوان مقدار خاصیت (Attribute) منبع (​src​) تگ​<script>​قرار دهید.


Example
<script src="myScript.js"></script>

شما می‌توانید آدرس فایل (refrence) اسکریپت خارجی خود را به طور دلخواه در یکی از تگ‌های​<head>​یا​<body>​قرار دهید.

اسکریپت خارجی شما دقیقاً همانند وقتی که به جای آدرس فایل اسکریپت، خود کد اسکریپت (​<script>​) را قرار می‌دادید، عمل خواهد کرد.

فایل‌های اسکریپت خارجی نمی‌توانند شامل تگ​<script>​باشند.

مزایای استفاده از اسکریپت‌های جاوااسکریپت به صورت خارجی (External)

قرار دادن اسکریپت‌ها در فایل‌های خارجی (External) مزایایی دارد:

  • اینکار کدهای Html و جاوااسکریپت را از یکدیگر جدا می‌کند.
  • اینکار خوانایی کدهای Html و جاوااسکریپت و همچنین نگهداری از آن‌ها را ساده‌تر می‌کند.
  • فایل‌های جاوااسکریپتی که کش (cache) می‌شوند، می‌توانند موجب بهبود سرعت بارگذاری صفحات شوند.

برای متصل کردن چندین فایل اسکریپت خارجی از چندین تگ script استفاده کنید:

Example
<script src="myScript1.js"></script>
<script src="myScript2.js"></script>

آدرس دهی خارجی فایل اسکریپت

اسکریپت‌های خارجی می‌توانند به وسیله یک URL کامل یا یک مسیر مربوط به صفحهٔ وب جاری، آدرس دهی شوند.

این مثال از یک URL کامل برای لینک کردن یک فایل اسکریپت به زبان جاوااسکریپت استفاده می‌کند:

Example
<script src="https://www.w3schools.com/js/myScript1.js"></script>

این مثال به یک فایل اسکریپت که در یک پوشهٔ مخصوص در وب سایت جاری قرار دارد لینک ایجاد می‌کند:

Example
<script src="/js/myScript1.js"></script>

این مثال به یک فایل اسکریپت که در همان پوشه صفحهٔ جاری قرار دارد، لینک ایجاد می‌کند:

Example
<script src="myScript1.js"></script>
شما می‌توانید مطالب بیشتری در مورد مسیر فایل‌ها، در فصل مسیر فایل‌ها در HTML را مطالعه کنید.


منابع آموزشی