ЈаваСцрипт Цхеат Схеет

ЈаваСцрипт Цхеат Схеет ПДФИспод можете пронаћи Јавасцрипт цхеат листу у .пдф као и у тексту.


Contents

ЈаваСцрипт Цхеат Схеет

  • Линк за скидање

Основе ЈаваСцрипт-а

Започнимо с основама – како укључити ЈаваСцрипт у веб локацију.

Укључивање ЈаваСцрипт-а у ХТМЛ страницу

Да бисте у страницу укључили ЈаваСцрипт, потребно је да је окачите

Помоћу овог уноса прегледач може правилно да идентификује и изврши код.

Позовите екстерну ЈаваСцрипт датотеку

Такође можете поставити ЈаваСцрипт у сопствену датотеку и именовати га унутар вашег ХТМЛ-а. На тај начин можете задржати различите врсте кода одвојене једна од друге, чинећи боље организоване датотеке. Ако је ваш код у датотеци која се зове мисцрипт.јс, ти би то назвао:

Укључујући коментаре

Коментари су важни јер помажу другим људима да схвате шта се дешава у вашем коду или вас подсете ако сте нешто заборавили. Имајте на уму да морају бити правилно означене како их прегледач неће покушати извршити.

У ЈаваСцрипт-у имате две различите опције:

  • Једнослојни коментари - Да бисте додали коментар који је ограничен на један ред, претходите му //
  • Коментари са више линија - У случају да желите да напишете дуже коментаре између неколико редака, умотајте их / * и * / да се то не би погубило

Варијабле у ЈаваСцрипт-у

Варијабле су станд-ин вредности које можете користити за обављање операција. Требало би да их познајете из часа математике.

вар, цонст, дозволити

Имате три различите могућности за проглашавање променљиве у ЈаваСцрипт-у, а свака има своје специјалности:

  • вар - најчешћа варијабла. Може се доделити додељивати, али приступити само унутар функције. Променљиве дефинисане са вар пређите на врх када се изврши код.
  • цонст - Не може се преименовати и није им доступно пре него што се појаве у коду.
  • дозволити - Слично цонст, тхе тхе дозволити променљива може бити додељена, али не поново декларирана.

Типови података

Варијабле могу садржати различите типове вредности и типове података. Користите = да им доделите:

  • Бројеви - вар доб = 23
  • Променљиве - вар к
  • Текст (жице) - вар а = "инит"
  • Операције - вар б = 1 + 2 + 3
  • Тачне или нетачне изјаве - вар ц = тачно
  • Стални бројеви - цонст ПИ = 3,14
  • Објекти - вар наме = {фирстНаме: "Јохн", ластНаме: "Дое"}

Постоји више могућности. Имајте на уму да променљиве разликују велика и мала слова. То значи презиме и презиме ће се третирати као две различите променљиве.

Објекти

Објекти су одређене врсте променљивих. Они су променљиве које могу имати своје вредности и методе. Ово последње су радње које можете изводити на објектима.

вар особа = {
фирстНаме: "Јохн",
ластНаме: "Дое",
старост: 20,
националност: "немацко"
};

Следећи ниво: Низови

Следеће на нашем ЈаваСцрипт цхеат листу су низови. Низови су део многих различитих програмских језика. Они су начин организовања променљивих и својстава у групе. Ево како да га креирате у ЈаваСцрипт-у:

вар фру = = "Банана", "Аппле", "Крушка"];

Сада имате позван низ воће која садржи три ставке које можете користити за будуће операције.

Арраи Метходс

Након што створите низове, можете учинити неколико ствари са њима:

  • цонцат () - Придружите се неколико низова у један
  • индекс() - Враћа прву позицију на којој се дати елемент појављује у низу
  • придружити() - Комбинујте елементе матрице у један низ и вратите низ
  • ластИндекОф () - Даје последњу позицију на којој се дати елемент појављује у низу
  • поп () - Уклања последњи елемент низа
  • пусх () - Додајте нови елемент на крају
  • реверсе () - Разврстајте елементе у силазном редоследу
  • смена() - Уклоните први елемент низа
  • слице () - Повлачи копију дела матрице у нови низ
  • врста() - Разврстава елементе по абецеди
  • спајање () - Додаје елементе на одређени начин и позицију
  • тоСтринг () - Претвара елементе у жице
  • скини () —Додаје нови елемент на почетку
  • Вредност() - Враћа примитивну вредност наведеног објекта

Оператори

Ако имате променљиве, можете их користити за обављање различитих врста операција. Да бисте то учинили, потребни су вам оператори.

Основни оператори

  • + - Додатак
  • - - одузимање
  • * - Множење
  • / - Дивизија
  • (...) - Оператор групирања, операције унутар заграда се изводе раније од оних изван
  • % - Модул (остатак)
  • ++ - Повећање бројева
  • -- - Бројеви смањења

Оператори за поређење

  • == - Једнако
  • === - Једнака вредност и једнак тип
  • != - Није једнако
  • !== - Није једнака вредност или није једнак тип
  • > - Веће од
  • < - Мање од
  • > = - Већи или једнак
  • <= - Мање од или једнако
  • ? - Тернарни оператер

Логични оператори

  • && - Логички и
  • || - Логички или
  • ! - Логично није

Битвисе Операторс

  • & - И изјава
  • | - ИЛИ изјава
  • ~ - НЕ
  • ^ - КСОР
  • << - Лева смјена
  • >> - Права промена
  • >>> - Нула исправног померања

Функције

ЈаваСцрипт функције су блокови кода који извршавају одређени задатак. Основна функција изгледа овако:

име функције (параметар1, параметар2, параметар3) {
// шта функција ради
}

Као што видите, састоји се од функција кључна реч плус име. Параметри функције су у заградама и имате коврчаве заграде око онога што функција обавља. Можете да креирате свој, али да бисте си олакшали живот - ту је и низ задатих функција.

Излазни подаци

Уобичајена апликација за функције је излаз података. За излаз имате следеће могућности:

  • аларма () - Излазне податке у оквиру за упозорење у прозору прегледача
  • Потврди() - Отвара дијалог за да / не и враћа труе / фалсе у зависности од клика корисника
  • цонсоле.лог () - Пише информације на конзоли прегледача, добре за потребе уклањања погрешака
  • доцумент.врите () - Пишите директно у ХТМЛ документ
  • промпт () - Ствара дијалог за унос корисника

Глобалне функције

Глобалне функције су функције уграђене у сваки прегледач који може покретати ЈаваСцрипт.

  • децодеУРИ () - Декодира а Јединствени идентификатор ресурса (УРИ) цреатед би енцодеУРИ или слично
  • децодеУРИЦомпонент () - Декодира УРИ компоненту
  • енцодеУРИ () - Кодира УРИ у УТФ-8
  • енцодеУРИЦомпонент () - Исто, али за УРИ компоненте
  • евал () - Оцењује ЈаваСцрипт код представљен као низ
  • исФините () - Одређује да ли је пренесена вредност коначан број
  • исНаН () - Одређује да ли је вредност НаН или не
  • Број() —– Враћа број претворен из свог аргумента
  • парсеФлоат () - Анализира аргумент и враћа број с помичном тачком
  • парсеИнт () - Анализира свој аргумент и враћа цео број

ЈаваСцрипт петље

Петље су део већине програмских језика. Омогућују вам извршавање блокова жељеног броја кода са различитим вриједностима:

фор (пре петље; услов за петљу; извршити после петље) {
// шта радити током петље
}

Имате неколико параметара за стварање петље:

  • за - најчешћи начин креирања петље у ЈаваСцрипт-у
  • док - Поставља услове под којима се извршава петља
  • ради док - Слично док петље, али се извршава барем једном и на крају изврши проверу да види је ли испуњен услов да се изврши поново
  • пауза —Користи се за заустављање и излазак из циклуса под одређеним условима
  • Настави - Прескочите делове циклуса ако су испуњени одређени услови

Ако - Остало Изјаве

Ове врсте изјава је лако разумети. Помоћу њих можете подесити услове када се извршава ваш код. Ако се примењују одређени услови, нешто се ради, ако не - извршава се нешто друго.

иф (услов) {
// шта урадити ако се испуни услов
} елсе {
// шта урадити ако није испуњен услов
}

Сличан концепт као ако друго је прекидач изјава. Међутим, помоћу прекидача изаберите један од неколико блокова кодова за извршење.

Гудачи

Жице су оно што ЈаваСцрипт позива на текст који не обавља функцију, али се може појавити на екрану.

вар персон = "Јохн Дое";

У овом случају, Н.Н. лице је стринг.

Есцапе Цхарацтерс

У ЈаваСцрипт-у су жице означене једним или двоструким наводницима. Ако желите да користите наводнике у низу, морате да користите посебне знакове:

  • \ ' - Једна понуда
  • \ " - Двострука понуда

Поред тога имате и додатне знакове за бекство:

  • \\ - Повратна коса
  • \ б - Повратни простор
  • \ ф - Облик хране
  • \ н - Нова линија
  • \ р - Превоз Повратак
  • \ т - Хоризонтални табулатор
  • \ в - Вертикални табулатор

Стринг Метходс

Постоји много различитих начина за рад са жицама:

  • цхарАт () - Враћа знак на одређено место у низу
  • цхарЦодеАт () - Даје вам Уницоде лика на тој позицији
  • цонцат () - обједињује (спаја) две или више жица у једну
  • фромЦхарЦоде () - Враћа низ креиран од наведеног низа УТФ-16 кодних јединица
  • индекс() - Пружа позицију прве појаве одређеног текста у низу
  • ластИндекОф () - Исто као индекс() али са последњом појавом, претрага уназад
  • меч() - Добија подударање низа с обрасцем претраживања
  • заменити() - Пронађите и замените одређени текст у низу
  • Претрага() - извршава претрагу одговарајућег текста и враћа му положај
  • слице () - Издваја одсек низа и враћа га као нови низ
  • разделити() - Подијели низ низа низова низова на одређеној позицији
  • субстр () - Слично слице () али издваја подстрану у зависности од одређеног броја знакова
  • подстринг () - Такође слично слице () али не могу прихватити негативне индексе
  • тоЛоверЦасе () - Претворите жице у малим словима
  • тоУпперЦасе () - Претворите жице у велика слова
  • Вредност() - Враћа примитивну вредност (која нема својства или методе) стринг-објекта

Синтакса регуларног изражавања

Редовни изрази су обрасци претраживања који се користе за подударање комбинација карактера у жицама. Образац претраживања може се користити за претрагу текста и замењивање текста.

Модификатори обрасца

  • е - Процијените замјену
  • ја - Извршите подударање осетљиво на велика слова
  • г - Извршите глобално подударање
  • м - Извршите подударање више линија
  • с - Третирајте жице као једну црту
  • Икс - Допустите коментаре и бели простор у обрасцу
  • У - Нетачни образац

Конзоле

  • [абц] - Пронађите било који од знакова између заграда
  • [^ абц] - Пронађите било који знак који није у заградама
  • [0-9] - Користи се за проналажење било које цифре од 0 до 9
  • [А-з] - Пронађите било који знак од великих слова до малих слова з
  • (а | б | ц) - Пронађите било коју од алтернатива са којом сте раздвојени |

Метацхарацтерс

  • . - Пронађите један знак, осим новог или линијског терминатора
  • \ в - Карактер речи
  • \ В - Неговорни карактер
  • \ д - Број
  • \ Д - Немацифрени знак
  • \ с - Вхитеспаце карактер
  • \ С - Не-бели простор
  • \ б - Пронађите утакмицу на почетку / крају речи
  • \ Б - Не подударање на почетку / на крају речи
  • \ 0 - НУЛ знак
  • \ н - Нови карактер линије
  • \ ф - Карактер храњења облика
  • \ р - Карактер повратка кочије
  • \ т - Табулатор
  • \ в - Вертикални знак таб
  • \ ккк - Знак наведен окталним бројем ккк
  • \ кдд - Знак наведен хексадецималним бројем дд
  • \ укккк - Знак Уницоде наведен хексадецималним бројем КСКСКСКС

Квантификатори

  • н+ - Подударује било који низ који садржи најмање један н
  • н * - Било који низ који садржи нулу или више појављивања н
  • н? - Низ који садржи нулу или једну појаву н
  • н {Кс} - Стринг који садржи низ Кс-ова
  • н {Кс, И} - Низови који садрже низ од Кс до И н
  • н {Кс,} - Одговара било којем низу који садржи низ од најмање Кс н-ова
  • н $ - Било који низ са н на крају
  • ^ н - Низ са н на почетку
  • ?= н - Било који низ праћен одређеним низом н
  • ?!н - Стринг који не прати одређени низ ни

Нумберс анд Матх

У ЈаваСцрипт-у можете да радите и са бројевима, константама и да обављате математичке функције.

Својства броја

  • МАКС_ВАЛУЕ - Максимална бројчана вредност представљива у ЈаваСцрипт-у
  • МИН_ВАЛУЕ - Најмања позитивна нумеричка вредност представљива у ЈаваСцрипт-у
  • НаН - Вредност „Није број“
  • НЕГАТИВЕ_ИНФИНИТИ - Негативна вредност Бесконачности
  • ПОСИТИВЕ_ИНФИНИТИ - Вредност позитивног бесконачности

Методе броја

  • тоЕкпонентиал () - Враћа низ са заокруженим бројем записаним као експоненцијална нотација
  • тоФикед () - Враћа низ броја са одређеним бројем децимала
  • тоПрецисион () - стринг броја који је написан одређеном дужином
  • тоСтринг () - Враћа број као низ
  • Вредност() - Враћа број као број

Матх Пропертиес

  • Е - Еулеров број
  • ЛН2 - Природни логаритам 2
  • ЛН10 - Природни логаритам 10
  • ЛОГ2Е - База 2 логаритам Е
  • ЛОГ10Е - Основа 10 логаритам Е
  • ПИ - Број ПИ
  • СКРТ1_2 - Квадратни корен од 1/2
  • СКРТ2 - Квадратни корен од 2

Математичке методе

  • абс (к) - Враћа апсолутну (позитивну) вредност к
  • ацос (к) - Аркозин к, у радијанима
  • асин (к) - Арцсине од к, у радијанима
  • атан (к) - Арктангент к као нумеричка вредност
  • атан2 (и, к) - Арктангент квоцијента његових аргумената
  • цеил (к) - Вредност к заокружује на најближи цели број
  • цос (к) - косинус к (к је у радијанима)
  • екп (к) - Вредност ЕИкс
  • спрат (к) - Вриједност к је заокружена на најближи цијели број
  • лог (к) - Природни логаритам (база Е) од к
  • мак (к, и, з, ..., н) - Враћа број са највећом вредности
  • мин (к, и, з, ..., н) - Исто за број са најнижом вредношћу
  • пов (к, и) - Кс на снагу и
  • случајно () - Враћа случајни број између 0 и 1
  • округли (к) - Вредност к је заокружена на најближи цели број
  • грех (к) - Сине к (к је у радијанима)
  • скрт (к) - Квадратни корен од к
  • тан (к) - Тангента угла

Суочавање са датумима у ЈаваСцрипт-у

Такође можете да радите са и мењате датуме и време помоћу ЈаваСцрипт-а. Ово је следеће поглавље у ЈаваСцрипт цхеат листу.

Постављање датума

  • Датум () - Ствара нови објект датума са тренутним датумом и временом
  • Датум (2017, 5, 21, 3, 23, 10, 0) - Креирајте прилагођени објект датума. Бројеви представљају годину, месец, дан, сат, минуте, секунде, милисекунде. Можете да изоставите све што желите осим годину и месец.
  • Датум ("2017-06-23") - Изјава датума као низа

Извлачење датумских и временских вредности

  • гетДате () - Унесите дан у месецу као број (1-31)
  • гетДаи () - Радни дан као број (0-6)
  • гетФуллИеар () - Година као четвороцифрени број (гггг)
  • гетХоурс () - Дохвати сат (0-23)
  • гетМиллисецондс () - милисекунда (0-999)
  • гетМинутес () - Набавите минут (0-59)
  • гетМонтх () - Месец као број (0-11)
  • гетСецондс () - Набавите други (0-59)
  • гетТиме () - Набавите милисекунде од 1. јануара 1970
  • гетУТЦДате () - дан (датум) у месецу наведеном датуму према универзалном времену (такође доступан за дан, месец, пуну годину, сате, минуте итд.)
  • рашчланити - Анализира низ низа датума и враћа број милисекунди од 1. јануара 1970

Подесите део датума

  • подесити датум() - Подесите дан као број (1-31)
  • сетФуллИеар () - Подешава годину (опционо месец и дан)
  • сетХоурс () - Подесите сат (0-23)
  • сетМиллисецондс () - Подесите милисекунде (0-999)
  • сетМинутес () - Поставља минуте (0-59)
  • сетМонтх () - Подесите месец (0-11)
  • сетСецондс () - Поставља секунде (0-59)
  • подесити време() - Подесите време (милисекунде од 1. јануара 1970)
  • сетУТЦДате () - Поставља дан у месецу за одређени датум према универзалном времену (такође доступан за дан, месец, пуну годину, сате, минуте итд.)

ДОМ режим

ДОМ је тај Модел објекта документа странице. То је шифра структуре веб странице. ЈаваСцрипт долази са пуно различитих начина за креирање и манипулирање ХТМЛ елементима (званим чворови).

Ноде Пропертиес

  • атрибути - Враћа колекцију уживо свих атрибута регистрираних у елементу
  • басеУРИ - Обезбеђује апсолутну основну УРЛ адресу ХТМЛ елемента
  • цхилдНодес - даје колекцију дечјих чворова елемента
  • прво дете - Враћа први подређени чвор елемента
  • ластЦхилд - Последњи подређени чвор елемента
  • нектСиблинг - Даје вам следећи чвор на истој разини стабла чвора
  • нодеНаме — Враћа име чвора
  • нодеТипе - Враћа тип чвора
  • нодеВалуе - Поставља или враћа вредност чвора
  • овнерДоцумент - Објект документа највишег нивоа за овај чвор
  • парентНоде - Враћа родитељски чвор елемента
  • превиоусСиблинг - Враћа чвор непосредно испред тренутног
  • тектЦонтент - Поставља или враћа текстуални садржај чвора и његових потомака

Ноде Метходс

  • аппендЦхилд () - Додаје нови подређени чвор елементу као последњи подређени чвор
  • цлонеНоде () - Клонира ХТМЛ елемент
  • УпоредиДоцументПоситион () - Упоређује положај документа два елемента
  • гетФеатуре () - Враћа објект који имплементира АПИ-је одређене спецификације
  • хасАттрибутес () - Враћа труе ако елемент има атрибуте, у супротном фалсе
  • хасЦхилдНодес () - Враћа труе ако елемент има било које подређене чворове, иначе фалсе
  • инсертБефоре () - Умешта нови подређени чвор пре наведеног, постојећег подређеног чвора
  • исДефаултНамеспаце () - Враћа труе ако је задани простор именаУРИ, у супротном је фалсе
  • исЕкуалНоде () - Проверите да ли су два елемента једнака
  • исСамеНоде () - Проверава да ли су два елемента исти чвор
  • исСуппортед () - Враћа труе ако је одређена функција подржана на елементу
  • лоокупНамеспацеУРИ () - Враћа УРИ простора имена повезан са одређеним чвором
  • лоокупПрефик () - Враћа ДОМСтринг који садржи префикс датог УРИ простора имена ако постоји
  • нормализирати () - Придружује се сусједним текстуалним чворовима и уклања празне текстуалне чворове у елементу
  • ремовеЦхилд () - Уклања дјечји чвор из елемента
  • субституЦхилд () - Замењује надређени чвор у елементу

Елементи Методе

  • гетАттрибуте () - Враћа наведену вриједност атрибута чвора елемента
  • гетАттрибутеНС () - Враћа стринг вриједност атрибута са наведеним простором имена и именом
  • гетАттрибутеНоде () - Добија наведени чвор атрибута
  • гетАттрибутеНодеНС () - Враћа чвор атрибута за атрибут са датим простором имена и именом
  • гетЕлементсБиТагНаме () - Пружа колекцију свих подређених елемената са наведеним називом ознаке
  • гетЕлементсБиТагНамеНС () - Враћа уживо ХТМЛЦоллецтион елемената са одређеним именом ознаке које припадају датом простору имена
  • хасАттрибуте () - Враћа труе ако елемент има атрибуте, у супротном фалсе
  • хасАттрибутеНС () - Пружа истинску / лажну вриједност која показује да ли тренутни елемент у одређеном простору имена има наведени атрибут
  • ремовеАттрибуте () - Уклања одређени атрибут из елемента
  • ремовеАттрибутеНС () - Уклања задани атрибут из елемента унутар одређеног простора имена
  • ремовеАттрибутеНоде () - Одузима одређени чвор атрибута и враћа уклоњени чвор
  • сетАттрибуте () - Поставља или мења наведени атрибут на задату вредност
  • сетАттрибутеНС () - Додаје нови атрибут или мења вредност атрибута са датим простором имена и именом
  • сетАттрибутеНоде () - Поставља или мења наведени чвор атрибута
  • сетАттрибутеНодеНС () - Додаје нови атрибут чвор атрибута у простору

Рад са прегледачем корисника

Поред ХТМЛ елемената, ЈаваСцрипт такође може узети у обзир прегледач корисника и уврстити његове особине у код.

Својства прозора

  • затворено - Провјерава да ли је прозор затворен или не и враћа ли истинито или лажно
  • дефаултСтатус - Поставља или враћа подразумевани текст у статусној траци прозора
  • документ - Враћа документ документа за прозор
  • рамови - Враћа све