Шта је ЈаваСцрипт и како функционише?

Шта је ЈаваСцрипт и како функционише?

ЈаваСцрипт је постао основни део савременог веб развоја. Овај моћни језик је еволуирао у неопходан алат за разумевање сваког веб програмера.





ЈаваСцрипт има посебне карактеристике које га разликују од традиционалних програмских језика. Истражићемо шта је то, како функционише и шта можете учинити с њим. Хајде да то разбијемо.



Шта је ЈаваСцрипт?

ЈаваСцрипт је скриптни језик за веб. То је интерпретирани језик, што значи да му није потребан компајлер да преведе свој код попут Ц или Ц ++. ЈаваСцрипт код ради директно у веб прегледачу.





Најновија верзија језика је ЕЦМАСцрипт 2018 која је објављена у јуну 2018.

шта је бикби на мом самсунг телефону

ЈаваСцрипт ради са ХТМЛ -ом и ЦСС -ом за прављење веб апликација или веб страница. ЈаваСцрипт подржавају већина савремених веб прегледача као што су Гоогле Цхроме, Фирефок, Сафари, Мицрософт Едге, Опера итд. Већина мобилних прегледача за Андроид и иПхоне сада подржава и ЈаваСцрипт.



ЈаваСцрипт контролише динамичке елементе веб страница. Ради у веб прегледачима, а у новије време и на веб серверима. Интерфејс за апликативно програмирање (АПИ) такође подржава ЈаваСцрипт, што вам даје више функционалности.

Разумевање свих начина на који ЈаваСцрипт функционише је мало лакше ако разумете како функционише веб програмирање, па хајде да сазнамо више.



Блокови за изградњу веб апликација

Постоје три компоненте које граде веб странице и апликације: језик за означавање хипертекста (ХТМЛ), каскадни стилови (ЦСС) и ЈаваСцрипт. Сваки од њих има своју улогу у креирању веб апликације.

  • ХТМЛ је језик за означавање који ствара костур веб странице. Сви пасуси, одељци, слике, наслови и текст написани су у ХТМЛ -у. Садржај се појављује на веб локацији редоследом којим су написани у ХТМЛ -у.
  • ЦСС контролише стил и додатне аспекте изгледа. ЦСС се користи за креирање дизајна веб странице стварајући боје, фонтове, колоне, ивице итд. Веб локацију води од елемената обичног текста до шареног дизајна.
  • Трећи елемент је ЈаваСцрипт. ХТМЛ и ЦСС стварају структуру, али одатле не раде ништа. ЈаваСцрипт ствара динамичку активност у вашој апликацији. Скриптирање у ЈаваСцрипт -у је оно што контролише функције када се притисну дугмад, како се аутентификују обрасци лозинки, како се контролише медиј.

Сва три дела раде међусобно у хармонији како би створили апликације у пуном обиму. Било би добро да сазнате више о ХТМЛ -у и ЦСС -у ако вам се не свиђају потпуно.



Како функционише ЈаваСцрипт?

Пре писања ЈаваСцрипт -а важно је знати како то функционише испод хаубе. Постоје два важна дела о којима треба научити: Како функционише веб прегледач и Објектни модел документа (ДОМ).

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

Прегледач ће тада преузети све што је повезано са ХТМЛ -ом, попут слика и ЦСС датотека. ЦСС информације долазе од ЦСС парсера.

ХТМЛ и ЦСС саставља ДОМ како би прво креирао веб страницу. Затим, ЈаваСцрипт механизам прегледача учитава ЈаваСцрипт датотеке и уграђени код, али не покреће код одмах. Чека се да ХТМЛ и ЦСС заврше учитавање.

Када се то уради, ЈаваСцрипт се извршава редоследом писања кода. Ово доводи до ажурирања ДОМ -а помоћу ЈаваСцрипт кода и приказивања у прегледачу.

Овде је редослед важан. Да ЈаваСцрипт није чекао да се заврше ХТМЛ и ЦСС, не би могао да промени ДОМ елементе.

Шта могу да радим са ЈаваСцрипт -ом?

ЈаваСцрипт је пуноправни програмски језик који може учинити већину ствари као и обичан језик попут Питхона. Ови укључују:

како повезати телефон са лг тв помоћу УСБ -а
  • Декларисање променљивих.
  • Чување и преузимање вредности.
  • Дефинисање и позивање функција, укључујући функције стрелица .
  • Дефинисање ЈаваСцрипт објеката и класа.
  • Учитавање и коришћење спољних модула.
  • Писање руковаоца догађаја који реагују на догађаје клика.
  • Писање кода сервера.
  • И још много тога.

Упозорење: Пошто је ЈаваСцрипт тако моћан језик, такође је могуће писати злонамерни софтвер, вирусе и хакове прегледача како би их нанели корисницима. Они се крећу од крађе колачића прегледача, лозинки, кредитних картица до преузимања вируса на ваш рачунар.

Коришћење ЈаваСцрипт -а

Погледајмо неке основе ЈаваСцрипт -а са примерима кода.

Декларисање променљивих

ЈаваСцрипт се динамички уноси, што значи да не морате да декларишете тип променљивих у свом коду.

let num = 5;
let myString = 'Hello';
var interestRate = 0.25;

Оператори

Додатак

12 + 5
>> 17

Одузимање

20 - 8
>> 12

Множење

5 * 2
>> 10

Дивизија

50 / 2
>> 25

Модул

45 % 4
>> 1

Арраис

let myArray = [1,2,4,5];
let stringArray = ['hello','world'];

Функције

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

шта се дешава у мојој близини овог викенда
function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

Петље

ЈаваСцрипт може да изводи петље за понављање, попут петљи за петље и док петље.

for(let i = 0; i <3; i++){
console.log('echo!');
}
>> echo!
>> echo!
>> echo!
let i = 0;
while(i <3) {
console.log('echo!');
i++;
}
>> echo!
>> echo!
>> echo!

Коментари

// Writing a comment
/*Writing a multi-line comment
You can use as many lines as you like
to break up text and make comments more readable
*/

На веб страници

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

  • Учитајте спољну ЈаваСцрипт датотеку на веб страницу на следећи начин: | _+_ |
  • Можете да наведете потпуну УРЛ адресу ако јавасцрипт долази са другог домена са веб странице на следећи начин: | _+_ |
  • ЈаваСцрипт може бити директно уграђен у ХТМЛ. Овде је | _+_ |

Осим ових метода, постоје начини учитавања ЈаваСцрипт кода на захтев. У ствари, постоје оквири намењени учитавању и покретању ЈаваСцрипт модула са одговарајућим зависностима које су решене током извођења.

То су напредније теме, сада учите основе.

Примери исечака ЈаваСцрипт кода

Ево неколико једноставних узорака ЈаваСцрипт кода који илуструју како се користи на веб страницама. Ово су примери кода који раде са ДОМ -ом.

  • Следеће бира све одважан елементе у документу и поставља боју прве на црвену. | _+_ |
  • Желите да промените слику у имг таг? Следеће повезује руковалац догађајима за кликните догађај дугмета. | _+_ |
  • Ажурирајте текстуални садржај пасуса ( п ) елемент? Подесите иннерХТМЛ својство елемента као што је приказано: | _+_ |

Ови примери кода нуде само увид у оно што можете да урадите користећи ЈаваСцрипт на својој веб страници. Постоји много водича који вас могу научити како кодирати за почетак. Можете га испробати на било којој веб страници, чак и на овој! Отворите своју конзолу и испробајте неки ЈаваСцрипт код.

Сада знате шта ЈаваСцрипт ради

Надајмо се да је овај увод донео неке увиде у ЈаваСцрипт и узбудио вас око веб програмирања. Можете све то поновити наш згодан ЈаваСцрипт варалица . О ЈаваСцрипт -у можете научити још много тога. Када се једном осећате угодније, зашто не бисте покушали да научите како да користите објектни модел документа? Можда ће вас такође занимати учење о ТипеСцрипт -у.

Објави Објави Твеет Емаил Како очистити Виндовс рачунар помоћу командне линије

Ако на вашем Виндовс рачунару недостаје простора за складиштење, очистите смеће помоћу ових брзих помоћних програма командне линије.

Прочитајте следеће Повезане теме
  • Објашњена технологија
  • Програмирање
  • Веб Девелопмент
  • ЈаваСцрипт
  • Скриптирање
О аутору Антхони Грант(Објављено 40 чланака)

Антхони Грант је слободни писац који се бави програмирањем и софтвером. Он се бави рачунарством и бави се програмирањем, Екцелом, софтвером и технологијом.

Више од Антхонија Гранта

Претплатите се на наш билтен

Придружите се нашем билтену за техничке савете, критике, бесплатне е -књиге и ексклузивне понуде!

Кликните овде да бисте се претплатили