JavaScript програм нь заавруудын дараалал (мэдэгдэл) юм. Заримдаа зааврыг JavaScript команд гэж нэрлэдэг.

Програмыг ажиллуулахын тулд үүнийг эхлүүлэх шаардлагатай. Хэрэв програм нь үйлчлүүлэгчийн скрипт бол хөтчөөс автоматаар нээгддэг, гэхдээ энэ нь мэдээжийн хэрэг хуудасны кодонд байгаа тохиолдолд л болно. Хөтөч нь програмыг ихэвчлэн вэб хуудсыг ачаалах үед гүйцэтгэдэг.

Зааврыг бичихдээ тэдгээрийг цэг таслалаар тусгаарлах ёстой. JavaScript нь if гэсэн мэдэгдлийн төгсгөлд цэг таслалыг орхих боломжийг танд олгоно дараагийн заавар-ээс эхэлнэ шинэ мөр.

Хэрэв дараагийн мэдэгдлийг шинэ мөрөнд бичих бол JavaScript хэл дээрх мэдэгдлүүдийг цэг таслалаар дуусгах шаардлагагүй, гэхдээ үүнийг маш их зөвлөж байна. Мөн заавар бүрийг тусдаа мөрөнд байрлуулахыг зөвлөж байна.

JavaScript заавар нь утгууд, операторууд, илэрхийллүүд, түлхүүр үгс, тайлбаруудаас бүрдэнэ.

Жишээлбэл, энэ заавар нь хөтөч дээр "Сайн уу, дэлхий!" дотор HTML элемент id="main"-тай:

Document.getElementById("main").textContent = "Сайн уу, дэлхий!";

JavaScript утга

JavaScript-ийн синтакс нь дараах төрлийн утгуудыг тодорхойлдог: тогтмол утгууд (literals), тогтмол утгууд, хувьсах утгууд.

JavaScript дахь өөр утгыг илэрхийлэх литералуудын жишээ:

17 // бүхэл тоо 23.8 // бутархай тоо литерал "HTML" // string literal "HTML" // string literal true // boolean literal // массив literal // массив литерал () // объектын утга ( нэр: "Деннис " , хэл: "ru" ) // объектын literal (ab|bc) // тогтмол илэрхийлэл literal

Програмчлалын хэлэнд өгөгдлийн утгыг хадгалахын тулд тогтмол болон хувьсагчдыг ашигладаг.

Тогтмол тоонуудыг зарлахад ашигладаг түлхүүр үг const, хувьсагч - var ба let.

Const MAX_LENGTH = 17; // тогтмол var хэсэг = "HTML"; // хувьсагч let arr = ["HTML", "CSS"]; // хувьсагч

let бол ES-2015 (ES6) хувилбараас хойш гарч ирсэн хувьсагчдыг зарлах шинэ арга юм. Let нь var-аас ялгаатай нь let-г ашиглан зарласан хувьсагч нь өөр хамрах хүрээтэй (блок хамрах хүрээ) бөгөөд зөвхөн үүсгэсний дараа л хандах боломжтой гэдгээрээ онцлог юм.

JavaScript операторууд

JavaScript дээр олон янзын операторууд байдаг. Тэд хийх шаардлагатай үйлдлийг зааж өгдөг.

Оператор ажиллаж буй операндуудын тооноос хамааран тэдгээрийг хоёртын болон нэгдлийн гэж хуваадаг. Гэхдээ JavaScript нь 3 операндаас бүрдэх нөхцөлт оператортой. Энэ операторыг гурвалсан гэж нэрлэдэг.

Жишээлбэл, томилох оператор (= тэмдэг):

// операнд1 = операнд2; coorX = 100; // жишээ нь coordX хувьсагчд 100 тоог оноож өгнө

Энэ оператор нь операнд1-ийг операнд2-той ижил утгатай онооход (тогтооход) ашиглагддаг.

Даалгаврын оператор нь хоёртын систем учраас Энэ нь хоёр операнд дээр ажилладаг.

Жишээлбэл, нэмэгдүүлэхийн тулд нэмэгдүүлэх оператор (++ тэмдэг) ашигладаг тоон утга 1 дэх операнд:

Var num = 5; ++ тоо; // 6

Өсгөх оператор нь нэгдмэл биш учир Энэ нь нэг операнд дээр ажилладаг.

JavaScript илэрхийллүүд

Илэрхийлэл гэдэг нь хувьсагчдад утга оноох эсвэл түүнийг оноохгүйгээр буцаах утга, хувьсагч, операторуудын нэгдэл юм.

Жишээ нь: num = 955.47 илэрхийлэл нь = операторыг ашиглан num хувьсагчид 7 утгыг өгдөг.

Жишээлбэл, "Сайн уу," + "Тимофей" гэсэн илэрхийлэл нь + операторыг ашиглан "Сайн уу," болон "Тимофей" гэсэн мөрүүдийг оноолтгүйгээр нэмнэ.

JavaScript түлхүүр үгс

JavaScript заавар нь ихэвчлэн түлхүүр үгээр эхэлдэг. Энэ нь (түлхүүр үг) ямар JavaScript үйлдэл хийх шаардлагатайг тодорхойлох зорилготой юм.

Жишээлбэл, var түлхүүр үг нь хөтчөөс хувьсагч үүсгэхийг хэлдэг:

Var coordX = 5, coordY = 130;

Зарим түлхүүр үгсийн жагсаалт: break, continue, do ... while, for, function, if ... else, return, switch, try ... catch, var.

JavaScript дээрх сэтгэгдэл

Бүх JavaScript хэллэгүүд биелэгдэх боломжгүй.

Давхар налуу зураасны дараах // эсвэл /* ба */ хоорондох кодыг тайлбар гэж үзнэ.

Сэтгэгдэлийг үл тоомсорлож, гүйцэтгэхгүй:

Var чиглэл = "дээд"; // нэг мөртэй тайлбар // var speed = 10; энэ заавар биелэгдэхгүй /* id="myBtn"-тэй элементэд show класс нэмэх функц */ showBtn() функц ( document.getElementById("myBtn").classList.add("show"); )

// - нь нэг мөр тайлбар юм, i.e. // ба мөрийн төгсгөлийн хоорондох аливаа текстийг JavaScript үл тоомсорлох болно (гүйцэтгэхгүй).

/* */ нь олон мөрт тайлбар бөгөөд /* ба */ хоорондох аливаа текстийг JavaScript хэрэгсэхгүй болгоно.

JavaScript зааврын блок

JavaScript зааврыг блок (буржгар хаалт (...)) ашиглан бүлэглэж болно.

Ихэвчлэн функц, удирдлагын бүтцэд (for, while) ашигладаг.

myFunction() функц ( document.getElementById("id__1").textContent = "Текст 1..."; document.getElementById("id__2").textContent = "Текст 2..."; )

Том үсгийн мэдрэмж

JavaScript бол том жижиг үсгийн харгалзах хэл юм. Энэ нь түлхүүр үг, хувьсагч, функцын нэр болон бусад хэлний тодорхойлогч нь ижил том жижиг үсгүүдийг агуулсан байх ёстой гэсэн үг юм. Жишээлбэл, дохиоллын аргыг зөвхөн дохио гэж бичих ёстой бөгөөд Alert , ALERT гэх мэтийг бичихгүй.

JavaScript дахь хоосон зай

JavaScript олон орон зайг үл тоомсорлодог. Та скриптийг уншихад хялбар болгохын тулд хоосон зай нэмж болно.

Дараах мөрүүд тэнцүү байна:

Var str = "Текст"; var str = "Текст";

Кодын шугамын урт

Хэрэв JavaScript-н заавар урт бол түүнийг эвдэхийг зөвлөж байна. Ихэнх тохиолдолд зарим операторын дараа зааврыг эвдэх нь дээр.

Жишээлбэл:

Document.getElementById("side__nav_header").innerHTML = "Нэмэлт навигаци (хэсэгээр)";

• нэг үгээс бүрдсэн нэрийг жижиг үсгээр бичих ёстой (жишээлбэл: нийтлэл);
• хэд хэдэн үгнээс бүрдсэн нэрийг жижиг үсгээр, үгийн уулзвар дахь үсгээс бусад тохиолдолд том үсгээр бичих ёстой (жишээлбэл: нийтлэлийн гарчиг);
• нэр дэх үгсийн тоо 3-аас хэтрэхгүй байх ёстой (жишээ нь: articleDatePublishedon)
• хувьсагч (функцийг хадгалах зориулалттай биш) болон объектын шинж чанарууд нь нэр үг байх ёстой (жишээ нь: textComment);
• массив, утгын цуглуулгыг нэр үгээр зааж өгөх ёстой олон тоо(жишээ нь: сүүлийн сэтгэгдэл);
• объектын функц, аргуудыг үйл үгээр нэрлэсэн байх ёстой (жишээ нь: getLastArticles);
• ангийн нэр том үсгээр эхлэх ёстой (жишээ нь: Сэтгэгдэл).

JavaScript ашиглан хэрэгжүүлж болно JavaScript операторууд, дотор байрлуулсан HTML шошгоскрипт ... /вэб хуудсан дээрх скрипт.

Та өөрийн JavaScript-г агуулсан скрипт хаягуудыг вэб хуудасныхаа хаана ч байрлуулж болно, гэхдээ ерөнхийдөө үүнийг толгой шошгонд хадгалахыг зөвлөж байна.

Скрипт шошго нь хөтчийн программыг эдгээр шошгуудын хоорондох бүх текстийг скрипт болгон тайлбарлаж эхлэхийг анхааруулдаг. Таны JavaScript-н энгийн синтакс иймэрхүү харагдах болно.

JavaScript код

Скрипт шошго нь хоёр чухал шинж чанарыг агуулдаг -

• Хэл - Энэ шинж чанар нь таны ямар скрипт хэл ашиглаж байгааг заана. Ерөнхийдөө түүний утга нь javascript байх болно. Хэдийгээр сүүлийн үеийн HTML хувилбарууд (мөн түүний залгамжлагч XHTML) энэ шинж чанарыг ашиглахаа больсон.
• Төрөл. Энэ атрибутыг одоо ашигласан скрипт хэлийг зааж өгөхийг зөвлөж байна, түүний утгыг "текст/жаваскрипт" болгож тохируулах хэрэгтэй.

Тэгэхээр таны JavaScript сегмент иймэрхүү харагдах болно:

JavaScript код

Таны анхны JavaScript скрипт

"Сайн уу ертөнц" хэвлэмэл хуудасны жишээг авч үзье. Бид нэмсэн нэмэлт тайлбарМанай JavaScript кодыг тойрсон HTML. Энэ нь манай кодыг JavaScript дэмждэггүй хөтчөөс хадгалах зорилготой юм. Сэтгэгдэл нь "// ->" гэж төгсдөг. Энд "//" гэдэг нь JavaScript хэл дээрх тайлбар гэсэн утгатай тул HTML тайлбарын төгсгөлийг хөтчөөс JavaScript кодын нэг хэсэг болгон уншихаас сэргийлж бид үүнийг нэмсэн. Дараа нь бид документ.write функцийг дууддаг бөгөөд энэ нь манай HTML баримт бичигт мөр бичдэг.

Энэ функцийг текст, HTML эсвэл хоёуланг нь бичихэд ашиглаж болно. Дараах кодыг харна уу.

Энэ код нь дараах үр дүнг өгнө.

Сайн уу Дэлхий!

Хоосон зай ба мөр таслах

JavaScript нь JavaScript программ дээр гарч ирэх зай, таб, шинэ мөрийг үл тоомсорлодог. Та програмдаа хоосон зай, таб, шинэ мөрийг чөлөөтэй ашиглах боломжтой бөгөөд програмуудаа цэгцтэй, тогтмол байдлаар форматлаж, догол мөрийг нь уншиж, ойлгоход хялбар болгох боломжтой.

JavaScript дээрх цэгтэй таслал

IN энгийн заавар JavaScript дээр ихэвчлэн C, C++ болон Java хэл дээрх шиг цэгтэй таслалтай байдаг. Гэсэн хэдий ч JavaScript нь хэрэв та мэдэгдэл тус бүрийг тусдаа мөрөнд оруулбал энэ цэгийг алгасах боломжийг олгодог. Жишээлбэл, дараах кодыг цэг таслалгүйгээр бичиж болно.

Гэхдээ ийм нэг мөрөнд форматлахдаа цэгтэй таслал хэрэглэх хэрэгтэй -

Анхаарна уу. Сайн дадлагаПрограмчлал нь цэг таслал ашиглах явдал юм.

Том үсгийн мэдрэмж

JavaScript бол том жижиг үсгийн харгалзах хэл юм. Энэ нь түлхүүр үг, хувьсагч, функцын нэр болон бусад танигчийг тогтмол том үсгээр оруулах ёстой гэсэн үг юм.

Тиймээс Time болон TIME тодорхойлогч нь JavaScript-д өөр өөр утгыг илэрхийлэх болно.

ЖИЧ. JavaScript дээр хувьсагч болон функцийн нэрийг бичихдээ болгоомжтой байх хэрэгтэй.

Хүн бичиж сурахдаа зөв бичгийн дүрэм, зөв ​​бичгийн дүрэм, зөв ​​бичгийн дүрмийг сурах ёстой. Жишээлбэл, өгүүлбэр нь юугаар эхэлдэг гэдгийг бүгд мэддэг том үсэгмөн цэгээр төгсдөг, текстийг догол мөр гэх мэтээр хуваана.

Програмчлалын хэлүүд ижил төстэй байдлаар ажилладаг: програм ажиллахын тулд тодорхой дүрмийг дагаж мөрдөх ёстой. Програмчлалын хэлний бүтцийг тодорхойлдог дүрмийн багцыг синтакс гэж нэрлэдэг. Олон програмчлалын хэлүүд ижил үзэл баримтлал дээр суурилагдсан боловч өөр өөр синтакс ашигладаг.

Энэхүү заавар нь таныг JavaScript дахь синтакс болон кодын бүтцийн үндсийг танилцуулах болно.

Функциональ байдал, уншигдах чадвар

Функциональ байдал, уншигдах чадвар нь JavaScript синтаксийн маш чухал талууд бөгөөд тусад нь анхаарч үзэх шаардлагатай.

Зарим синтакс дүрэм нь JavaScript кодын хувьд заавал байх ёстой. Хэрэв тэд хангагдаагүй бол консол алдаа гаргаж, скрипт ажиллахаа болино.

"Сайн уу, Дэлхий!" Хөтөлбөрт энэ алдааг анхаарч үзээрэй.

// Эвдэрсэн JavaScript програмын жишээ
console.log("Сайн уу, Дэлхий!"

Төгсгөлд нь хаах хаалт дутуу байгаа тул “Сайн уу, Дэлхий!” гэсэн мөрийн оронд. програм алдаа буцаах болно:

Баригдсангүй СинтаксАлдаа: байхгүй) аргументуудын жагсаалтын дараа

Скриптийг үргэлжлүүлэн ажиллуулахын тулд та хаалтын хаалт нэмэх шаардлагатай. JavaScript-н синтакс дахь алдаа нь програмын үйл ажиллагаанд ингэж нөлөөлж болзошгүй юм.

JavaScript синтакс болон форматын зарим тал нь өөр өөр өнцгөөс ирдэг. Энгийнээр хэлэхэд, кодыг ажиллуулахад алдаа гаргахгүй байх сонголттой, хэв маягийн дүрэм, хувилбарууд байдаг. Гэсэн хэдий ч төсөл болон код боловсруулагчид хэв маяг, синтаксийн шинэчлэлтүүдийг мэддэг байхын тулд дагаж мөрдөх нь ухаалаг хэрэг болох олон ерөнхий конвенцууд байдаг. Нийтлэг конвенцуудыг дагаж мөрдөх нь таны кодын унших чадварыг сайжруулна.

Хувьсагчид утга оноохдоо дараах гурван сонголтыг авч үзье.

const greeting="Сайн уу"; // хувьсагч ба мөрийн хооронд хоосон зай байхгүй
const greeting = "Сайн уу"; //даалгаврын дараа хэт их хоосон зай
const greeting = "Сайн уу"; // хувьсагч ба мөр хоорондын ганц хоосон зай

Дээрх гурван мөр бүгд адилхан ажиллана. Гэхдээ гурав дахь сонголт (мэндчилгээ = "Сайн уу") нь код бичихэд хамгийн түгээмэл хэрэглэгддэг бөгөөд уншихад хялбар арга юм, ялангуяа том програмын хүрээнд үзэхэд.

Програмын бүх кодын бүрэн бүтэн байдал, тууштай байдлыг хянах нь маш чухал юм.

Доор бид JavaScript кодын синтакс болон бүтэцтэй танилцах цөөн хэдэн жишээг авч үзэх болно.

Хоосон зайны тэмдэгтүүд

JavaScript-н хоосон зайны тэмдэгтүүд нь хоосон зай, таб, мөр (энэ үйлдлийг Enter товчлуураар гүйцэтгэдэг). Өмнө үзүүлсэнчлэн шугамын гаднах илүүдэл хоосон зай, операторуудын хоорондох зай болон бусад тэмдэгтүүдийг JavaScript орчуулагч үл тоомсорлодог. Энэ нь дараах гурван хувьсагчийн хуваарилалтын жишээнүүд ижил үр дүнтэй байна гэсэн үг юм.

const userLocation = "Нью-Йорк хот, " + "NY";
const userLocation="Нью-Йорк хот, "+"NY";
const userLocation = "Нью-Йорк хот, " + "NY";

userLocation хувьсагч нь тухайн утгын хуваарилалтын загвараас үл хамааран "Нью-Йорк хот, Нью-Йорк" гэсэн утгатай байх болно. JavaScript-ийн хувьд аль нь хамаагүй хоосон зайны тэмдэгтүүдашиглаж байна.

Хөтөлбөр бичихэд нэг үнэн зөв дүрэм байдаг: хоосон зай ашиглахдаа математик эсвэл дүрмийн дүрэмд ашигладаг ижил дүрмийг дагаж мөрдөөрэй. Жишээлбэл, мөр:

уншихад хялбар:

Энэ дүрмийн чухал үл хамаарах зүйл бол олон хувьсагчийн хуваарилалт юм. Дараах жишээн дээрх = байрлалыг анхаарч үзээрэй.

const companyName = "Миний компани";
const companyHeadquarters = "Нью-Йорк хот";
const companyHandle = "миний компани";

Бүх хуваарилалтын операторууд (=) хоосон зайг ашиглан нэг мөрөнд зэрэгцэв. Энэ төрлийн бүтцийг бүх кодын суурь ашигладаггүй ч унших чадварыг сайжруулж чадна.

Нэмэлт мөрийн завсарлагыг JavaScript дээр бас үл тоомсорлодог. Дүрмээр бол нэмэлт хоосон мөрүүдтайлбарын дээр болон кодын блокийн ард оруулна.

Дугуй хаалт

if, switch, for гэх мэт түлхүүр үгс нь ихэвчлэн хаалтны өмнө болон хойно зайтай байдаг. Дараах жишээг авч үзье.

// if хэллэгийн синтаксийн жишээ
хэрэв () ( )
// Математикийн тэгшитгэлийг шалгаад консол руу мөр хэвлэнэ
хэрэв (4< 5) {
console.log("4 нь 5-аас бага.");
}
// For давталтын синтаксийн жишээ
төлөө () ( )
// 10 удаа давтаж, давталтын дугаар бүрийг консол дээр хэвлэнэ
хувьд (i = 0; i 0) (
дөрвөлжин (тоо);
}

Буржгар хаалтанд орсон бүх код нь цэг таслал шаарддаггүй тул болгоомжтой байгаарай. Объектууд нь буржгар хаалтанд орсон бөгөөд цэг таслалаар төгсөх ёстой.

// Жишээ объект
const objectName = ();
// Гурвалжин объектыг эхлүүлэх
тогтмол гурвалжин = (
төрөл: "баруун",
өнцөг: 90,
талууд: 3,
};

Буржгар хаалтаар төгссөнөөс бусад тохиолдолд JavaScript хэллэг, илэрхийлэл бүрийн ард цэгтэй таслал тавих нь түгээмэл байдаг.

Кодын бүтэц

Техникийн хувьд JavaScript програмын бүх кодыг нэг мөрөнд байрлуулж болно. Гэхдээ ийм кодыг унших, хадгалахад маш хэцүү байдаг. Тиймээс хөтөлбөрийг мөрөнд хуваасан.

Жишээлбэл, if/else хэллэгийг нэг мөрөнд бичиж болно, эсвэл хувааж болно:

// Нэг мөрөнд бичигдсэн болзолт өгүүлбэр
if (x === 1) ( /* хэрэв үнэн бол кодыг ажиллуулна */ ) else ( /* худал бол кодыг гүйцэтгэнэ */ )
// Доголтой болзолт өгүүлбэр
хэрэв (x === 1) (
// хэрэв үнэн бол кодыг гүйцэтгэнэ
) өөр (
// худал бол кодыг гүйцэтгэнэ
}

Анхаарна уу: блокт орсон аливаа код доголтой байна. Та хоёр хоосон зай, дөрвөн зай эсвэл таб ашиглан догол хийх боломжтой. Доголын аргыг сонгох нь зөвхөн хувийн сонголт эсвэл танай байгууллагын зөвлөмжөөс хамаарна.

Эхний мөрийн төгсгөлд нээлттэй хаалт нь JavaScript хэллэг болон объектуудыг зохион байгуулах нийтлэг арга юм. Заримдаа хаалтуудыг тусдаа мөрөнд байрлуулдаг.

// Шинэ мөрөнд хаалт бүхий нөхцөл хэллэг
хэрэв (x === 1)
{
// хэрэв үнэн бол кодыг гүйцэтгэнэ
}
өөр
{
// худал бол кодыг гүйцэтгэнэ
}

Энэ бүтэц нь бусад хэлнүүдийн нэгэн адил JavaScript-д ховор хэрэглэгддэг.

Оруулсан мэдэгдлүүдийг тусгаарлах ёстой:

// Функцийг эхлүүлэх
функц ньEqualToOne(x) (
// x нь нэгтэй тэнцүү эсэхийг шалгана уу
хэрэв (x === 1) (
// амжилтанд хүрвэл үнэнийг буцаана
үнэнийг буцаах;
) өөр (
худал буцаах;
}
}

Зөв догол мөр нь кодыг унших боломжтой болгодог. Санаж байх ёстой энэ дүрмийн цорын ганц үл хамаарах зүйл бол шахсан сангууд файлын хэмжээг багасгахын тулд бүх шаардлагагүй тэмдэгтүүдийг устгадаг явдал юм.

Тодорхойлогч

JavaScript дахь хувьсагч, функц эсвэл шинж чанаруудын нэрийг танигч гэж нэрлэдэг. Тодорхойлогч нь үсэг, тооноос бүрдэх боловч $, _-ээс дээш тэмдэгт агуулж болохгүй бөгөөд тоогоор эхэлж болохгүй.

Том үсгийн мэдрэмж

Нэр нь том жижиг үсгийг харгалздаг. Өөрөөр хэлбэл, myVariable болон myvariable хоёр өөр хувьсагч гэж тооцогдоно.

var myVariable = 1;
var myvariable = 2;

Ерөнхий конвенцийн дагуу нэрийг тэмээний үсгээр бичдэг: эхний үг нь жижиг үсгээр бичигдсэн боловч дараагийн үг бүр том үсгээр эхэлдэг. Глобал хувьсагч эсвэл тогтмолуудыг том үсгээр бичиж, доогуур зураасаар тусгаарлана.

const INSURANCE_RATE = 0.4;

Энэ дүрмийн үл хамаарах зүйл бол үг бүр нь том үсгээр (PascalCase) эхэлдэг ангийн нэр юм.

// Анги эхлүүлэх
анги Жишээ Анги (
бүтээгч()
}

Код уншигдахуйц байхын тулд та бүх програмын файлд танигчийг тогтмол ашиглах ёстой.

Хадгалагдсан түлхүүр үгс

Тодорхойлогч нь нөөцлөгдсөн түлхүүр үг агуулаагүй байх ёстой. Түлхүүр үгс нь JavaScript-н үг, функцийг агуулсан байдаг. Үүнд var, if, for, this зэрэг орно.

Жишээлбэл, var нэртэй хувьсагчид утга оноож болохгүй.

var var = "Зарим утга";

JavaScript var түлхүүр үгийг мэддэг тул алдаа гаргах болно:

SyntaxError: Гэнэтийн токен (1:4)