Қарапайым сөздермен JavaScript синтаксисі. 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<= 10; i++) {
консоль журналы(i);
}

Көріп отырғаныңыздай, if операторы мен циклдің жақшалары екі жағынан бос орындармен бөлінген.

Код функцияға, әдіске немесе сыныпқа қатысты болса, жақшалар бос орынсыз атаудың жанына жазылады.

// Мысал функция
functionName()()
// Текшенің көлемін есептеу үшін функцияны инициализациялаңыз
функция текшесі(сан) (
return Math.pow(сан, 3);
}
// Функцияны шақыру
текше(5);

Жоғарыдағы мысалда cube() функция болып табылады және жақшалар () параметрлерді немесе дәлелдерді қамтиды. Бұл жағдайда параметрлер санмен немесе 5 арқылы көрсетіледі. Бос орыны бар текше() жазу да жұмыс істейді, бірақ ешқашан қолданылмайды. Функция мен жақшаны бірге жазу функцияны оның аргументтерімен байланыстыруды жеңілдетеді.

Үтір нүкте

Мәтіннің абзацтары сөйлемдерден тұратыны сияқты, JavaScript бағдарламалары өрнектер деп аталатын мәлімдемелер қатарынан тұрады. Сөйлемнің соңына нүкте қойылады, және JavaScript өрнектері- үтір нүкте (;).

// Жалғыз JavaScript мәлімдемесі
const now = new Date();

Екі немесе одан да көп өрнектер бірінің жанында болса, оларды нүктелі үтірмен бөлу керек.

// Ағымдағы уақыт белгісін алыңыз және оны консольге басып шығарыңыз
const now = new Date(); консоль журналы (қазір);

Егер өрнектер жаңа жол таңбасымен бөлінген болса, нүктелі үтір міндетті емес.

// Жаңа жолдармен бөлінген екі мәлімдеме
const now = жаңа күн()
консоль журналы(қазір)

Шарт бойынша, жаңа жол таңбаларына қарамастан өрнектен кейін нүктелі үтір қойылады. Бұл қателер ықтималдығын азайтады.

// Жаңа жол және нүктелі үтір арқылы бөлінген екі мәлімдеме
const now = new Date();
консоль журналы (қазір);

Сондай-ақ, инициализация мен for циклдеріндегі шарт арасында нүктелі үтір қойылады:

үшін (инициализация; шарт; ұлғайту) (
// циклды іске қосыңыз
}

If, for, do, while, class, switch және функция операторларынан кейін нүктелі үтір қойылмайды. Бұл операторлар қабылданады жақшалар(). Келесі кодты қарастырыңыз:

// Шаршының ауданын есептеу үшін функцияны инициализациялаңыз
функцияның квадраты(сан) (
return Math.pow(сан, 2);
}
// 0-ден үлкен санның ауданын есептеңіз
егер (сан > 0) (
шаршы(сан);
}

Сақ болыңыз, өйткені бұйра жақшаға алынған барлық кодтар нүктелі үтірді қажет етпейді. Нысандар бұйра жақшаға алынады және нүктелі үтірмен аяқталуы керек.

// Мысал нысан
const objectName = ();
// Үшбұрыш нысанын инициализациялау
тұрақты үшбұрыш = (
түрі: «оң»,
бұрышы: 90
жақтары: 3
};

Бұйра жақшамен аяқталатындарды қоспағанда, әрбір JavaScript мәлімдемесі мен өрнектен кейін нүктелі үтірді қою әдеттегі тәжірибе.

Құрылымдық код

Техникалық тұрғыдан JavaScript бағдарламасының бүкіл кодын бір жолда орналастыруға болады. Бірақ мұндай кодты оқу және сақтау өте қиын. Өйткені бағдарлама жолдарға бөлінген.

Мысалы, if / else операторын бір жолға жазуға болады немесе оны бөлуге болады:

// Бір жолға жазылған шартты сөйлем
егер (x === 1) ( /* егер шын болса кодты орындаңыз */ ) басқа ( /* қате болса кодты орындаңыз */ )
// Шегінісі бар шартты оператор
егер (x === 1) (
// егер шын болса, кодты орындаңыз
) басқа (
// егер жалған болса, кодты орындаңыз
}

Блокқа енгізілген кез келген код шегініспен жазылатынын ескеріңіз. Екі бос орын, төрт бос орын немесе қойындылармен шегінуге болады. Шегініс әдісін таңдау тек жеке қалауыңызға немесе ұйымыңыздың ұсыныстарына байланысты.

Бірінші жолдың соңындағы ашық жақша − әдеттегі жолқұрылымдау операторлары және JavaScript нысандары. Кейде жақшалар бөлек жолдарға қойылады:

// Жаңа жолдардағы жақшалары бар шартты оператор
егер (x === 1)
{
// егер шын болса, кодты орындаңыз
}
басқа
{
// егер жалған болса, кодты орындаңыз
}

JavaScript-те мұндай құрылым, басқа тілдердегі сияқты, өте сирек қолданылады.

Кірістірілген мәлімдемелерді бөлу керек:

// Функцияны инициализациялау
функциясы –EqualToOne(x) (
// x бір тең екенін тексеріңіз
егер (x === 1) (
// табысты болса, шындықты қайтарыңыз
шындықты қайтару;
) басқа (
жалған қайтару;
}
}

Дұрыс шегініс кодты оқылатын етеді. Есте сақтау керек бұл ереженің жалғыз ерекшелігі - қысылған кітапханалар файл өлшемін азайту үшін барлық қажет емес таңбаларды жояды.

Идентификаторлар

JavaScript тіліндегі айнымалылардың, функциялардың немесе сипаттардың атаулары идентификаторлар деп аталады. Идентификаторлар әріптер мен сандардан тұрады, бірақ оларда $ және _ символдарынан тыс таңбалар болуы және саннан басталуы мүмкін емес.

Регистр сезімталдығы

Атаулар регистрді ескереді. Яғни, myVariable және myvariable екі түрлі айнымалы ретінде қарастырылады.

var myVariable = 1;
var myvariable = 2;

Жалпы шарт бойынша атаулар түйе әріпімен (camelCase) жазылады: бірінші сөз кіші әріппен жазылады, бірақ әрбір келесі сөз бас әріптен басталады. Ғаламдық айнымалылар немесе тұрақтылар бас әріппен жазылады және астыңғы сызықпен бөлінеді.

const INSURANCE_RATE = 0,4;

Бұл ережеден ерекшелік сынып атаулары болып табылады, олар әдетте әрбір сөзді бас әріптен бастайтын (PascalCase).

// Сыныпты инициализациялау
classExampleClass(
конструктор() ( )
}

Кодтың оқылуын қамтамасыз ету үшін идентификаторлар барлық бағдарлама файлдарында дәйекті түрде қолданылуы керек.

Сақталған кілт сөздер

Идентификаторларда резервтелген кілт сөздер де болмауы керек. Түйінді сөздеркірістірілген функционалдығы бар JavaScript сөздері. Оларға var, if, for, және this жатады.

Мысалы, var деп аталатын айнымалыға мән тағайындай алмайсыз.

var var = "Кейбір мән";

JavaScript var кілт сөзін біледі, сондықтан ол қате жібереді:

Синтаксистік қате: күтпеген белгі (1:4)

Синтаксис JavaScript — JavaScript бағдарламаларының қалай құрастырылатыны туралы ережелер жиынтығы.

JavaScript қолданбалары

компьютерлік бағдарламакомпьютермен «орындалатын» «нұсқаулардың» тізімі болып табылады.

Бағдарламалау тілінде бұл бағдарлама нұсқаулары деп аталады мәлімдемелер.

JavaScript бұл бағдарламалау тілі.

JavaScript мәлімдемелері бөлінген нүктебірге үтір.

HTML тілінде JavaScript бағдарламаларын веб-шолғыш арқылы орындауға болады.

JavaScript мәлімдемелері

JavaScript мәлімдемелері мыналардан тұрады:

Мәндер, операторлар, өрнектер, кілт сөздер және түсініктемелер.

JavaScript мәндері

JavaScript синтаксисі мәндердің екі түрін анықтайды: тұрақты мәндер және айнымалы мәндер.

Тұрақты мәндер деп аталады литералдар.Айнымалы мәндер деп аталады айнымалылар.

JavaScript литералдары

Көпшілігі маңызды ережелертұрақты мәндерді жазу:

Сандарондық үтірмен немесе онсыз жазылады:

Жолдарқос немесе жалғыз тырнақшаға жазылған мәтін:

JavaScript айнымалылары

Бағдарламалау тілінде айнымалыларүшін пайдаланылады сақтаудеректер мәндері.

JavaScript пайдаланады varкілт сөз хабарлауайнымалылар.

Тең белгісіүшін пайдаланылады құндылық тапсырмаларыайнымалылар.

Бұл мысалда x айнымалы ретінде анықталған. Сонда x-ке 6 мәні тағайындалады (беріледі):

JavaScript операторлары

JavaScript пайдаланады тағайындау операторы(=) үшін ассигнацияларайнымалылар үшін мәндер:

JavaScript пайдаланады арифметикалық операторлар(+ - * /) үшін есептеулерқұндылықтар:

JavaScript өрнектері

Өрнек – мәнді бағалайтын мәндердің, айнымалылардың және операторлардың тіркесімі.

Есептеу ұпай деп аталады.

Мысалы, 5 * 10 50 мәнін қабылдайды:

Өрнектер айнымалы мәндерді де қамтуы мүмкін:

Мәндер болуы мүмкін әртүрлі түрлерісандар мен жолдар сияқты.

Мысалы, «Джон» + «,» + «Доу», «Джон До» болады:

JavaScript кілт сөздері

JavaScript түйінді сөздерорындалатын әрекеттерді анықтау үшін қолданылады.

varкілт сөз браузерге жаңа айнымалы жасауды айтады:

JavaScript түсініктемелері

Барлық JavaScript мәлімдемелері «орындалмайды».

Қос қиғаш сызықтан кейінгі код // немесе арасында /* және * / ретінде қарастырылады түсініктеме.

Пікірлер еленбейді және орындалмайды:

JavaScript идентификаторлары

Идентификаторлар – атаулар.

JavaScript тілінде идентификаторлар айнымалыларды (және кілт сөздерді, сонымен қатар функциялар мен белгілерді) атау үшін пайдаланылады.

Заңды атаулардың ережелері көптеген бағдарламалау тілдерінде бірдей.

JavaScript тілінде бірінші таңба әріп, астын сызу (_) немесе доллар белгісі ($) болуы керек.

Келесі таңбалар әріптер, сандар, астын сызу немесе доллар белгілері болуы мүмкін.

Бірінші таңба ретінде сандарға рұқсат етілмейді.
Осылайша, JavaScript идентификаторларды сандардан оңай ажырата алады.

JavaScript регистрге сезімтал

Барлық JavaScript идентификаторлары сезімталКімге тіркелу.

Айнымалылар текжәне ТЕГІ,екі түрлі айнымалы.

JavaScript түсіндірмейді VARнемесе Varкілт сөз ретінде var .

JavaScript және Camel Case

Тарихи түрде бағдарламашылар бірнеше сөзді бір айнымалы атқа біріктірудің үш әдісін қолданған:

Дефис:

аты-жөні, тегі, мастер-картасы, қала аралық.

JavaScript тілінде сызықшаларға рұқсат етілмейді. Ол азайтуға арналған.

Астыңғы сызық:

аты_жөні, тегі_аты, бас_картасы, қалааралық.

Түйе қорабы:

Аты, Тегі, MasterCard, InterCity.

Бағдарламалау тілдерінде, әсіресе JavaScript-те, түйе регистрі жиі кіші әріптен басталады:

аты-жөні, тегі, мастер-картасы, қалааралық.

JavaScript таңбалар жинағы

JavaScript таңбалар жиынын пайдаланады Юникод.

Юникод әлемдегі кез келген таңбаны, тыныс белгілерін және символдарды (дерлік) қамтиды.

JavaScript - бұл тіл және оның өз синтаксисі бар, оны білу жақсы болар еді.
JavaScript бағдарламасы нүктелі үтірмен бөлінген сөйлемдерден тұрады.

Кейде нүктелі үтірді өткізіп жіберіп, одан құтылуға болады, бірақ әрқашан емес. Сондықтан сөйлемнің соңы тұспалдалған жағдайда оны қоюды ұмытпаған жөн.

Егер сіз байқаусызда нүктелі үтірлерді, бос орындарды өткізіп жіберсеңіз немесе басқа себептермен кодыңызда стиль жоқ болса (және бұл маңызды!), онда мен ESLint кеңес беремін.

Ұсыныстар мыналардан тұрады:

• Құндылықтар
• Операторлар
• Өрнектер
• Негізгі сөздер
• Пікірлер

JavaScript-те мәндердің екі түрі бар: айнымалылар және литералдар.

Айнымалылар

Айнымалылар мәндерді сақтау үшін пайдаланылады. JavaScript айнымалы мәндерді жариялау үшін кілт сөзді пайдаланады. var.
Біз айнымалыларды үш жолмен жариялай аламыз:

• var кілт сөзімен. Мысалы, өзгеру = 56;
• Жай ғана мән тағайындау арқылы. Мысалы, y=56;
  Бірақ бұл опция қалаусыз, өйткені бұл жағдайда айнымалы жаһандық болады.
  Жаһандық айнымалы неге нашар? Тек жаһандық болғандықтан, ол функцияның ауқымын бақылаудан шығып кетсе. Оны басқа кодпен өзгертуге болады немесе ол басқа біреудің кодындағы мәннің өзін қайта жаза алады.
• let кілт сөзімен.
  Өйткені JavaScript-те (ECMAScript 6-ға дейін) блок ішінде ауқым жоқ, айнымалы мәндерді блок ауқымымен жариялауға мүмкіндік беру үшін енгізілді.
  Мысалы, if (true) (let y = 4;) console.log(y); // ReferenceError: y анықталмаған

  Ағымдағы ES6 қолдауын осы жерден көре аласыз.

Литералдар

Литералдар тұрақты мәндер. Оларға null, логикалық, сан, нысан, жол сияқты деректер түрлері жатады.
Мысалы, алапты жариялағанда, теңдік белгісінен кейін келетін бөлік жиым литералы болып табылады.

Var food = ['ірімшік','картоп','қияр'];

Ал тамақ – өзгермелі.

Сандар

Сандар ондық үтірмен немесе онсыз жазылады.

10.50 1001

Аудармашы нүктенің нені білдіретінін түсіну үшін - әдіс шақыру немесе өзгермелі нүкте, біз оған мына жолдардың бірімен айтуымыз керек:

1..toString() 1 .toString() // нүктеден бұрын бос орын (1).toString() 1.0.toString()

Жол

Жол – қос немесе жалғыз тырнақшамен жазылған мәтін.

"Мен жіппін" "Мен жіппін"

Жақсы түрде, кодты жазу кезінде қандай тырнақшаларды пайдалану керектігін анықтап, таңдауыңызды орындау керек.

ESLint әдепкі параметрлерінде олар тіпті таңдауды ұсынады, оның нәтижелері бойынша код тексеріледі.

Идентификаторлар

Айнымалыларға, функцияларға, қасиеттерге беретін атау идентификатор деп аталады.
Ол тек "$" және "_" әріптік-сандық таңбаларды қамтуы мүмкін.
Идентификатор жолдан қалай ерекшеленеді?

Жол – деректер, ал идентификатор – кодтың бөлігі.

Varfamilia = «Smit»;

"Smit" бір мағыналы деректер - жолдың литералы, ал тегі - бұл мәннің сақтау орны.
Идентификатордағы сызықшаға рұқсат етілмейтінін ескеріңіз, өйткені ол азайту үшін қолданылады.

Өрнектер

Өрнек – мәнді бағалайтын мәндердің, айнымалылардың, операторлардың тіркесімі.
Мысалы, өрнек, 3 * 5 15 есептейді.
Өрнекте айнымалы да болуы мүмкін
x*4
Әрине, мәндер жол болуы мүмкін.
Мысалы, өрнек:

"The day" + " is " + "sunny" //"Күн шуақты" жолына есептейді.

Өрнектерді айнымалыға мән тағайындайтын және мәндерді жай ғана бағалайтын деп бөлуге болады.
Бірінші жағдай:

және екіншісі:

Айтпақшы, нүктелі үтірді қосқанда бізде өрнек емес, сөйлем болады!

Var x = 56;

Өрнектер үшін үтір

Үтір екі операндты да бағалайды және дұрыс мәнді қайтарады.

Var x = 0; var y = (x++, 4); консоль журналы(x); //1 console.log(y); //4

Өрнектер мәнге бағаланады және мән күтілетін кез келген жерде жазылуы мүмкін. Мысалы, функция шақыруындағы аргумент немесе тағайындаудың оң жағы.

Келесі жолдардың әрқайсысында өрнек бар:

X x + 6 changeArray("a","b")

Js сөйлемді күткен жерде өрнектерді де жаза аласыз.
Мұндай сөйлемді нұсқау-өрнек деп атайды.

Бірақ js өрнекті ұсынатын сөйлемді жаза алмайсыз. Мысалы, IF сөйлемі функция аргументі бола алмайды.

Сөйлем мен сөз тіркесін салыстыру

ЕСЕР сөйлемін және өрнек болып табылатын шартты операторды қарастырайық.

varresult; егер (x > 0) ( нәтиже = «Оң сан»; ) else ( нәтиже = «Теріс сан»; )

Баламасы:

Var нәтиже = (x > 0 ? "Оң сан" : "Теріс сан");

белгісі арасында = және ; өрнек.
Талдау кезінде анық еместікті болдырмау үшін JS нысан литералдары мен функция өрнектерін сөйлемдер ретінде пайдалануға рұқсат бермейді.

Бұдан шығатыны, сөйлем-өрнектер мыналардан басталмауы керек:

• бұйра жақшалар
• function кілт сөзімен

Егер өрнек біреуінен немесе екіншісінен басталса, онда ол өрнектің контекстінде жазылуы керек.
Ол үшін өрнек жақшаға алынады.

Функция декларациясы және функция өрнегі

Біз анонимді функция-өрнекті жариялағымыз келеді делік, содан кейін келесідей жазамыз:

(функция()(қайтарыңыз "дайын!")());

Бұл функцияның пішіннің функция-декларациясынан қалай ерекшеленетінін қарастырайық

getReady() функциясы («дайын!» қайтару)

• Анонимнің аты жоқ екені көрініп тұр. Бірақ бұл жақсы болуы мүмкін, содан кейін ол аталған функция-өрнек болады.
• Декларация функциясын интерпретатор код орындалмас бұрын жасайды, өрнек функциясы тек орындау кезінде жасалады.
• Сондықтан функция өрнектері жарияланғанша қол жетімді болмайды.

Осылай жазсақ ше?

Дайын бол(); var getReady = function()( "дайын!" қайтарады; ) getReady();

Бірінші жолда біз қатені аламыз: TypeError: getReady функция емес
Бесіншісі бізге «дайын» ​​деп басып шығарады, өйткені функция жарияланған.
Бұл құбылыс көтерілу (көтеру) деп аталады, оның неліктен орын алғаны туралы постта сипатталған.

JavaScript бағдарламасы айнымалылардан, операторлардан, функциялардан, объектілерден және басқа тіл конструкцияларынан тұрады. Олардың барлығы осы оқулықта егжей-тегжейлі талқыланады. Ал бұл тақырыпта мен олардың программа кодында қалай жазылатынын айтып беремін. JavaScript синтаксисікәдімгі және негізінен басқа бағдарламалау тілдерімен сәйкес келеді.

Бос орындар және жаңа жолдар

JavaScript айнымалылар мен әртүрлі динамиктердің арасындағы бос орындарды қажет етпейді. Бірақ ол сізге қажет орындарды орналастыруға мүмкіндік береді:

Жол үзілістерін сізге ыңғайлы жерде де жасауға болады. Бір ерекшелік бар: тырнақшаға алынған мәтіннің ішіне жаңа жолды қою мүмкін емес. Бұл мәселе жіптерді зерттегенде толығырақ қарастырылады. Басқа жағдайларда жолды қайда аудару керектігін шешесіз

Сіз былай жаза аласыз:

Дегенмен, әрбір мәлімдеме мен функция шақыруынан кейін нүктелі үтір қоюды ұсынамын. Біріншіден, нүктелі үтірдің болмауы әрқашан рұқсат етілмейді және қате орын алуы мүмкін. Екіншіден, бұл кодты сауатты жазудың кең таралған стилі, оған бірден үйреніп алған дұрыс. Ережені ұстанған жөн: әрбір жол нүктелі үтірмен аяқталуы керек. Ерекшелік - бұл тілдің конструкциялары, олар үшін өзіндік белгілер қарастырылған. Мысалы, кейбір операторлар.

Өз есімдеріңізді жазғанда, мысалы, айнымалыларды құруда символдардың регистрі де ескеріледі. компания мен компания екі түрлі айнымалы.

JavaScript синтаксисі — JavaScript бағдарламаларының жасалу жолына қатысты ережелер жиынтығы. Бұл сабақта біз тілдің негізгі лексикалық құрылымдарын қарастырамыз.

Таңбалар жинағы

JavaScript тілінде бағдарламаларды жазу кезінде Юникод символдар жиыны қолданылады. 7-биттік кодтаудан айырмашылығы, тек үшін жарамды ағылшынша, және тек ағылшын және негізгі Батыс Еуропа тілдері үшін жарамды 8-биттік кодтау, 16-биттік Юникод кодтауы планетадағы барлық дерлік жазбаша тілдерді қолдайды. ECMAScript v3 стандарты Юникодтың 2.1 немесе одан жоғары нұсқасын қолдау үшін JavaScript іске асыруларын қажет етеді, ал ECMAScript v5 стандарты Юникодтың 3 немесе одан жоғары нұсқасын қолдау үшін енгізулерді қажет етеді.

var str = "сәлем, әлем!"; // Латын графикасы қолданылады var str = "Сәлем, әлем!"; // Кириллица қолданылады

Бос орын таңбалары

Бос орын оқуды жақсартады бастапқы код, бірақ бұл таңбалар әдетте JS сценарийінің функционалдығы үшін қажет емес.

Бастапқы мәтіннің оқылуын жақсарту үшін бос орын таңбаларынан басқа жол соңындағы таңбалар да пайдаланылады. Дегенмен, кейбір жағдайларда жол соңындағы таңбалар JavaScript кодының орындалуына әсер етуі мүмкін, өйткені оларды пайдалануға тыйым салынған бірнеше рет болады. Жол соңындағы таңбалар да процеске әсер етеді автоматты орнатунүктелі үтірлер.

Келесі таңбаларды JavaScript аудармашылары жол соңындағы таңбалар ретінде таниды:

Үтір нүкте

JavaScript бағдарламасы (скрипт) — веб-шолғыш арқылы орындалатын «нұсқаулар» тізімі.
В JavaScript нұсқауларыәдетте нүктелі үтірмен (;) бөлінеді.

Бірнеше нұсқаулар бір жолда болса, олардың арасына нүктелі үтір (;) қойылуы керек.

Көптеген жағдайларда JavaScript нұсқауларды аяқтау үшін жаңа жолды автоматты нүктелі үтірді кірістіру (ASI) үшін пәрмен бөлгіші ретінде түсіндіреді.
Егер әрбір нұсқау бөлек жолға қойылса, онда бөлгішті алып тастауға болады:

Бір нұсқау бірнеше жолда орналасуы мүмкін:

Бұл жағдайда JavaScript өрнектің аяқталуын күтеді, сондықтан жолдар арасына «виртуалды» нүктелі үтірді автоматты түрде енгізбейді.

Ескерту:Мәлімдемелердің соңындағы нүктелі үтір міндетті емес болса да, оларды әрқашан қосу ұсынылады. Енді бұл барлық ірі жобалар ұстанатын ереже.

Бұл ереже толық емес енгізу сияқты кейбір қателердің алдын алады, сонымен қатар бос орындарды жою арқылы кодты қысуға мүмкіндік береді. Кодты нүктелі үтірсіз қысу синтаксистік қателерге әкеледі. Сондай-ақ, нүктелі үтірлердің болуы өнімділіктің төмендеуіне жол бермейді, себебі талдаушылар жетіспейтін нүктелі үтірлерді қосу арқылы болжамды қателерді түзетуге тырысады.

Регистр сезімталдығы

JavaScript бағдарламаларын жазу үшін ASCII және Latin-1 жинақтарын қамтитын және барлық дерлік тілдер мен платформалар қолдайтын Юникод таңбалар жинағы пайдаланылады.
JavaScript тілінде барлық элементтер, соның ішінде айнымалы, функция және оператор атаулары регистрді ескереді және әрқашан бірдей бас және кіші әріптер жиынын қамтуы керек. Мысалы, while кілт сөзін "While" немесе "WHILE" емес, "while" ретінде теру керек.

Сол сияқты, num, NUM және Num үш түрлі айнымалы:

Пікірлер

Түсініктемелер JavaScript интерпретаторымен орындалмайтын, тек бағдарламаның мазмұнын түсіндіруге қызмет ететін бағдарлама фрагментін ерекшелеуге мүмкіндік береді.
JS ішіндегі түсініктемелер бір жолды немесе көп жолды болуы мүмкін.

Бір жолды түсініктемелер қос қиғаш сызықтан басталады // . Мәтін жолдың соңына дейін түсініктеме болып саналады:

Көп жолды түсініктеме қиғаш сызық пен жұлдызшадан (/*) басталып, кері ретпен (*/) аяқталады. Осылайша сіз бір немесе бірнеше жолға түсініктеме бере аласыз:

Кеңес:Кодтарыңыздағы түсініктемелерді елемеңіз. Бағдарламаларды жөндеу және жөндеу кезінде олар сізге пайдалы болады. Әзірлеу кезеңінде бағдарламаны жай ғана жойғаннан гөрі оның қажетсіз фрагментіне түсініктеме берген дұрыс. Егер оны қалпына келтіру қажет болса ше?

Идентификаторлар

Идентификатор – әріптер, сандар, астын сызу (_) және доллар ($) тізбегі . Цифр идентификатордың бірінші таңбасы бола алмайды, себебі ол JavaScript аудармашысына идентификаторларды сандардан ажыратуды қиындатады. Идентификаторлар айнымалылар аттары, функциялар, объект қасиеттері және т.б.
Үйлесімділік пен өңдеудің қарапайымдылығы үшін идентификаторларды құру үшін әдетте тек ASCII таңбалары мен сандары пайдаланылады. Дегенмен, ECMAScript v3 нұсқасында идентификаторларда әріптер мен сандар болуы мүмкін толық жиынтығыЮникод таңбалары. Бұл бағдарламашыларға айнымалыларды ана тілдерінде атауға және оларда математикалық белгілерді қолдануға мүмкіндік береді:

var name = "max"; var Π = 3,14;

Тарихи түрде бағдарламашылар қолданды әртүрлі жолдаридентификаторларды жазу үшін бірнеше сөздерді біріктіру. Бүгінгі таңда екі жақсы қалыптасқан үнсіз стиль бар: camelCase және snake_case.
JavaScript тілінде көп сөзден тұратын идентификаторларды атаудың ең танымал стилі camelCase болып табылады. Бұл бірінші әріп кіші әріп, ал келесі сөздердің бірінші әріптері бас әріп екенін білдіреді, мысалы:

Var firstSecond; var myCar = "audi"; var doSomethingImportant;

Назар аударыңыз: JavaScript тілінде сызықшаларды пайдаланып идентификаторларды жазу үшін бірнеше сөзді біріктіруге рұқсат етілмейді. Олар математикалық шегерімдерге арналған.

Ескертуде:В JavaScript кілтісөздер, сақталған сөздер және шын, false және null идентификаторлар бола алмайды.

Түйінді сөздер мен резервтелген сөздер

ECMA-262 стандарты идентификатор ретінде пайдаланылмайтын кілт сөздер жинағын анықтайды. Сақталған сөздердің JavaScript тілінде белгілі бір мағынасы бар, өйткені олар тіл синтаксисінің бөлігі болып табылады. Сценарий жүктелген кезде резервтелген сөздерді пайдалану компиляция қатесіне әкеледі.

ECMAScript® 2015 сақталған кілт сөздер

• үзіліс
• ұстау
• сынып
• const
• жалғастыру
• отладчик
• әдепкі
• жою
• экспорттау
• ұзартады
• ақырында
• функциясы
• импорт
• данасы
• қайтару
• тамаша
• ауыстырып қосқыш
• лақтыру
• түрі
• кезінде
• Өткізіп жібер

Болашаққа арналған кілт сөздер

Сонымен қатар, ECMA-262 идентификаторлар немесе сипат атаулары ретінде пайдаланылмайтын резервтелген сөздер (резервленген сөздер) жинағын қамтиды. Дәл қазір олардың артында ешқандай функция жоқ, бірақ ол болашақ нұсқаларда пайда болуы мүмкін:

• күту

Қатаң режимде бұл тізімге келесі сөздер қосылады:

• жүзеге асырады
• пакет
• қорғалған
• статикалық
• интерфейс
• жеке
• қоғамдық

ECMAScript® 1 мен 3 нұсқаларында сақталған кілт сөздер

• реферат
• логикалық
• қос
• финал
• жүзу
• жергілікті
• қысқа
• синхрондалған
• өтпелі
• ұшпа

ECMAScript-тің 5-ші шығарылымында кілт сөздер мен резервтелген сөздерді пайдалану ережелері аздап өзгертілді. Бұрынғыдай олар идентификатор бола алмайды, бірақ енді оларды объектілерде сипат атаулары ретінде пайдалануға болады. Дегенмен, ECMAScript-тің өткен және болашақ нұсқаларымен үйлесімділік үшін кілт сөздер мен сақталған сөздерді меншік идентификаторлары мен атаулары ретінде пайдаланбаған дұрыс.

Нәтижелер

• JavaScript интерпретаторы тіл конструкциялары арасында болуы мүмкін барлық бос орын таңбаларын елемейді және бағдарлама мәтінін үздіксіз код ағыны ретінде қарастырады.
  Сонымен қатар, JavaScript де, көбінесе, жаңа жолдарды елемейді. Сондықтан бос орындар мен жаңа жол таңбаларын пішімдеу және оларға оқылатын көрініс беру үшін бағдарламаның бастапқы мәтіндерінде шектеусіз пайдалануға болады.
• Нүктелі үтірді алып тастау жақсы бағдарламалау тәжірибесі емес, сондықтан оларды пайдалану әдетін дамытқан жөн.
• JavaScript тілінде барлық элементтер, соның ішінде айнымалы, функция және оператор атаулары регистрді ескереді және әрқашан бірдей бас және кіші әріптер жиынын қамтуы керек.
• Кодтарыңыздағы түсініктемелерді елемеңіз. Бағдарламаларды жөндеу және жөндеу кезінде олар сізге пайдалы болады. Код өлшемін ұлғайту туралы алаңдамаңыз, өйткені Жарияланған кезде түсініктемелерді оңай жоя алатын JavaScript қысу құралдары бар.
• Идентификаторлар айнымалылардың, функциялардың, объект қасиеттерінің атаулары ретінде әрекет етеді және әріптер, сандар, астын сызу (_) және доллар белгілерінен ($) тұрады.
• Тіл синтаксисі элементтерін белгілеу үшін пайдаланылатын JavaScript кілт сөздерін, сондай-ақ болашаққа сақталған басқа сөздерді айнымалы, функция немесе нысан атаулары ретінде пайдалану мүмкін емес.