Топ 10 ЈаваСцрипт Схортхандс за почетнике
ЈаваСцрипт схортхандс не само да убрзава процес кодирања, већ и скраћује скрипте, што доводи до тога брже учитавање странице. Стенографски кодови су једнако валидни као и њихове дуготрајне верзије; они суштински исту ствар-само у компактнијем формату. Оне су једна од најједноставнијих техника оптимизације кода.
Постоји неколико ЈаваСцрипт скраћеница, међутим они су немате званични референтни водич. Неке су заиста једноставне, док су друге прилично застрашујуће чак и за искусне програмере. У овом чланку можете пронаћи 10 ЈаваСцрипт скрипта за почетнике са којим можете почети са оптимизацијом кода и писати шири код.
1. Децимални бројеви
Ако сте редовно ради са великим децималима ова скраћеница може бити божанска, јер више не морате да откуцавате све нуле, само их замените е нотација. На пример, 1е8 значи додавање осам нула после 1 цифра, једнака је 100000000.
Број после писма е означава број нула који долазе након цифара (а) е. исто тако, 16е4 је скраћеница за 160000, итд.
/ * Кратица * / вар миВар = 1е8; / * Лонгханд * / вар миВар = 100000000;
2. Повећање, смањење
Тхе скраћено повећање састоји се од два + знаци, то значи да вредност варијабле треба да буде увећан за један. Слично томе, скраћеница за смањење састоји се од два - знаци, а то знаци да је варијабла бити смањен за један.
Ове две скраћенице се могу користити само на нумеричким типовима података. Они имају незаменљиву улогу у петљама, њихов најчешћи случај употребе је за лооп.
/ * Скраћено * / и ++; ј--; / * Лонгханд * / и = и + 1; ј = ј-1;
3. Додајте, одвратите, множите, поделите
Постоји скраћеница за сваку од четири основне математичке операције: збрајање, ометање, множење и подела. Они раде слично као оператори инкремента и децмента, само овде можете да промените вредност променљиве било којим бројем (не само један).
У примеру испод, и променљива се повећава за 5, ј се смањује за 3, к се множи са 10, и л је подељен са 2.
/ * Скраћено * / и + = 5; ј- = 3; к * = 10; л / = 2; / * Лонгханд * / и = и + 5; ј = ј-3; к = к * 10; л = л / 2;
4. Одредите позицију знака
Тхе цхарАт () метода је једна од најчешће коришћених стринг метода, она враћа на одређеној позицији (на пример, 5тх знак низа). Постоји једноставна скраћеница коју можете користити: додајете положај знака у угластим заградама после низа.
Обратите пажњу на то цхарАт () метода је зеро-басед. Зато, миСтринг [4] ће вратити 5тх знак у низу ("и" у примеру).
вар миСтринг = "Срећан рођендан"; / * Скраћено * / миСтринг [4]; / * Лонгханд * / миСтринг.цхарАт (4);
5. Декларисати варијабле у расутом стању
Ако желите да креирате више од једне варијабле у исто време не морате их откуцавати један по један. Довољно је користити вар (или дозволити) кеиворд само једном, онда можете само да наведете променљиве које желите да креирате, одвојени зарезом.
Са овом скраћеницом, можете прогласити оба ундефинед вариаблес и променљиве са вредношћу.
/ * Кратица * / вар и, ј = 5, к = "Добро јутро", л, м = фалсе; / * Лонгханд * / вар и; вар ј = 5; вар к = "Добро јутро"; вар л; вар м = фалсе;
6. Објавите асоцијативни низ
Декларисање поља у ЈаваСцрипту је релативно једноставан задатак, користећи вар миАрраи = ["јабука", "крушка", "наранџа"] синтакса. Међутим, декларисање асоцијативног низа је мало компликованије, као што је овде, не морате само да дефинишете вредности већ и тастере (у случају регуларних низова кључеви су 0, 1, 2, 3 итд.).
Асоцијативни низ је а колекција парова кључ-вредност. Лонгханд начин је да се декларише поље, а затим дода сваки елемент један по један. Међутим, са скраћеницом испод, такође можете декларишемо асоцијативни низ плус сви његови елементи истовремено.
У примеру испод, миАрраи асоцијативни низ додељује своје место рођења (вредности) познатим особама (кључеви).
/ * Кратица * / вар миАрраи = "Граце Келли": "Пхиладелпхиа", "Цлинт Еаствоод": "Сан Франциско", "Хумпхреи Богарт": "Нев Иорк Цити", "Сопхиа Лорен": "Рим", "Ингрид Бергман ":" Стоцкхолм " / * Лонгханд * / вар миАрраи = нев Арраи (); миАрраи ["Граце Келли"] = "Филаделфија"; миАрраи ["Цлинт Еаствоод"] = "Сан Францисцо"; миАрраи ["Хумпхреи Богарт"] = "Њујорк Сити"; миАрраи ["Сопхиа Лорен"] = "Рим"; миАрраи ["Ингрид Бергман"] = "Стокхолм";
7. Објавите објекат
Стенографија за Декларација објекта ради слично као и за асоцијативне низове. Међутим, овде не постоје парови кључ / вредност већ парови својстава-вриједности које треба да поставите између протеза .
Једина разлика у стенографској синтакси је та својства објекта нису затворена у наводнике (име, плацеОфБиртх, старости, васЈамесБонд у примјеру испод).
/ * Кратица * / вар миОбј = име: "Сеан Цоннери", плацеОфБиртх: "Единбургх", старост: 86, васЈамесБонд: труе; / * Лонгханд * / вар миОбј = нови објекат (); миОбј.наме = "Сеан Цоннери"; миОбј.плацеОфБиртх = "Единбургх"; миОбј.аге = 86; миОбј.васЈамесБонд = труе;
8. Користите условни оператор
Тхе условни (тернарни) оператор често се користи као пречица за ако друго изјава. Састоји се од три дијела:
- тхе стање
- шта ће се десити ако услов је истинит (
ако) - шта ће се десити ако услов је лажан (
друго)
У примјеру испод, шаљемо једноставну поруку (унутар поруку варијабла) људима који желе да уђу у клуб. Користећи скраћени облик, то је само један редак кода покрените евалуацију.
вар аге = 17; / * Кратица * / вар порука = старост> = 18? "Дозвољено": "Одбијено"; / * Лонгханд * / иф (аге> = 18) вар мессаге = "Дозвољено"; елсе вар мессаге = "Дениед";
Ако желите да га тестирате копирајте код у веб конзолу (Ф12 у већини претраживача) и промените вредност старости променљива неколико пута.
9. Проверите присутност
Често се дешава да проверите да ли је променљива присутан или не. Тхе “ако је присутан” схортханд помаже вам да то урадите са много мање кода.
Обратите пажњу да већина чланака на ЈаваСцрипт скраћеницама не даје правилан лонгханд облик, као ако (миВар) нотација не проверава да ли варијабла није лажна, већ и неколико других ствари. Наиме, варијабла не може бити недефинисан, празан, нулл и фалсе.
вар миВар = 99; / * Кратица * / иф (миВар) цонсоле.лог ("Дефинирана је варијабла миВар и она није празна и није нулл и није лажна."); / * Лонгханд * / иф (тип од миВар! == "ундефинед" && миВар! == "" && миВар! == нулл && миВар! == 0 && миВар! == фалсе) цонсоле.лог ("МиВар променљива је дефинисана И она није празна и није нулл, нити није лажна. "); Можете тестирати како “ако је присутан” скраћеница ради тако што убаците следећи исјечак кода у веб конзолу и промена вредности миВар неколико пута.
Да би разумели како ова скраћеница функционише, вреди је тестирати са вредностима "" (празан стринг), фалсе, 0, истина, не-празан низ (нпр. "Ћао"), број (нпр. 99), и када је варијабла недефинисана (једноставно вар миВар;).
10. Провјерите одсуство
Тхе “ако је присутан” може се користити стенографија проверите одсуство променљиве постављањем знак узвика испред њега. Ускличник је логички не оператор у ЈаваСцрипту (и на већини програмских језика).
Дакле, са ако (! миВар) можете проверити да ли је миВар променљива није недефинисан, празан, нулл или фалсе.
вар миВар; / * Кратица * / иф (! МиВар) цонсоле.варн ("променљива миВар је недефинисана (ОР) празна (ОР) нулл (ОР) фалсе."); / * Лонгханд * / иф (типеоф миВар === "ундефинед" || миВар === "" || миВар === нулл || миВар === 0 || миВар === фалсе) цонсоле.варн ("Променљива миВар је недефинисана (ОР) празна (ОР) нулл (ОР) фалсе.");
