Какво е JavaScript и как работи?

Какво е JavaScript и как работи?

JavaScript се превърна в основен елемент в съвременната уеб разработка. Този мощен език се превърна в основен инструмент за разбиране от всеки уеб разработчик.





JavaScript има специални функции, които го правят различен от традиционните езици за програмиране. Ще проучим какво представлява, как работи и какво можете да направите с него. Нека го разбием.



Какво е JavaScript?

JavaScript е скриптов език за мрежата. Това е интерпретиран език, което означава, че не се нуждае от компилатор, за да преведе кода си като C или C ++. JavaScript кодът работи директно в уеб браузър.





Последната версия на езика е ECMAScript 2018, издадена през юни 2018 г.

как да се извините професионално по имейл

JavaScript работи с HTML и CSS за изграждане на уеб приложения или уеб страници. JavaScript се поддържа от повечето съвременни уеб браузъри като Google Chrome, Firefox, Safari, Microsoft Edge, Opera и др. Повечето мобилни браузъри за Android и iPhone вече поддържат и JavaScript.



JavaScript контролира динамичните елементи на уеб страниците. Работи в уеб браузъри, а наскоро и в уеб сървъри. Интерфейсите за програмиране на приложения (API) също се поддържат от JavaScript, което ви дава повече функционалност.

Разбирането на всички начини на работа на JavaScript е малко по -лесно, когато разбирате как работи уеб програмирането, така че нека научим повече.



Блокове за изграждане на уеб приложения

Има три компонента, които изграждат уебсайтове и приложения: език за маркиране на хипертекст (HTML), каскадни таблици със стилове (CSS) и JavaScript. Всеки от тях има роля при създаването на уеб приложение.

  • HTML е език за маркиране, който създава скелета на уеб страницата. Всички абзаци, раздели, изображения, заглавия и текст са написани в HTML. Съдържанието се появява на уебсайта в реда, в който са написани в HTML.
  • CSS контролира стила и допълнителните аспекти на оформлението. CSS се използва за създаване на дизайна на уебсайта, създавайки цветове, шрифтове, колони, рамки и др. Той отнема уебсайта от обикновени текстови елементи до цветни дизайни.
  • Третият елемент е JavaScript. HTML и CSS създават структурата, но не правят нищо от там. JavaScript създава динамична активност в приложението ви. Скриптът в JavaScript е това, което контролира функциите при щракване на бутони, как се удостоверяват формулярите за парола, как се контролира медията.

И трите части работят в хармония помежду си, за да създават пълноразмерни приложения. Би било добра идея да научите повече за HTML и CSS, ако не сте напълно доволни от тях.



Как работи JavaScript?

Преди да напишете JavaScript е важно да знаете как работи под капака. Има две важни части, за които трябва да научите: Как работи уеб браузърът и Обектният модел на документа (DOM).

Уеб браузърът зарежда уеб страница, анализира HTML и създава това, което е известно като обемен модел на документ (DOM) от съдържанието. DOM представя изглед на живо на уеб страницата на вашия JavaScript код.

След това браузърът ще вземе всичко свързано с HTML, като изображения и CSS файлове. Информацията за CSS идва от анализатора на CSS.

HTML и CSS се обединяват от DOM, за да създадат първо уеб страницата. След това JavaScript двигателят на браузърите зарежда JavaScript файлове и вграден код, но не стартира кода веднага. Изчаква HTML и CSS да завършат зареждането.

След като това бъде направено, JavaScript се изпълнява в реда, в който е написан кодът. Това води до актуализиране на DOM чрез JavaScript код и изобразяване от браузъра.

Редът тук е важен. Ако JavaScript не изчака HTML и CSS да завършат, нямаше да може да промени DOM елементите.

Какво мога да направя с JavaScript?

JavaScript е пълноценен език за програмиране, който може да прави повечето неща, които обикновен език като Python може. Те включват:

как да получите лични snapchat филтри
  • Деклариране на променливи.
  • Съхранение и извличане на стойности.
  • Определяне и извикване на функции, включително функции със стрелки .
  • Определяне на JavaScript обекти и класове.
  • Зареждане и използване на външни модули.
  • Писане на манипулатори на събития, които реагират на събития при кликване.
  • Писане на сървърния код.
  • И още много.

Внимание: Тъй като JavaScript е толкова мощен език, също така е възможно да се пише злонамерен софтуер, вируси и хакове за браузъри, за да ги нанесете на потребителите. Те варират от кражба на „бисквитки“ на браузъра, пароли, кредитни карти до изтегляне на вируси на вашия компютър.

Използване на JavaScript

Нека разгледаме някои основи на JavaScript с примери за код.

Деклариране на променливи

JavaScript се въвежда динамично, което означава, че не е нужно да декларирате типа на вашите променливи във вашия код.

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'];

Функции

JavaScript може да пише функции, ето една проста функция, която добавя числа.

най -доброто приложение за гледане на снимки за Windows 10
function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

Цикли

JavaScript може да изпълнява цикли за итерация, цикли като за бримки и while цикли.

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
*/

В уеб страница

Най -често срещаният начин за зареждане на JavaScript в уеб страница е използването на скрипт HTML маркер. В зависимост от вашите изисквания, можете да използвате един от следните методи.

  • Заредете външен JavaScript файл в уеб страница, както следва: | _+_ |
  • Можете да посочите пълния URL, ако javascript е от различен домейн от уеб страницата, както следва: | _+_ |
  • JavaScript може да бъде директно вграден в HTML. Ето един | _+_ |

Освен тези методи, има начини за зареждане на JavaScript код при поискване. Всъщност има рамки, предназначени за зареждане и стартиране на JavaScript модули с подходящи зависимости, разрешени по време на изпълнение.

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

Примерни фрагменти от код на JavaScript

Ето някои прости примерни кодове на JavaScript, които илюстрират как се използва на уеб страници. Това са примери за код, който работи с DOM.

  • Следното избира всички удебелен елементи в документа и задава цвета на първия на червен. | _+_ |
  • Искате да промените изображението в img етикет? Следното свързва манипулатор на събития за щракнете събитие на бутон. | _+_ |
  • Актуализирайте текстовото съдържание на абзац ( стр ) елемент? Нагласи innerHTML свойство на елемента, както е показано: | _+_ |

Тези примерни кодове предлагат само бегъл поглед върху това, което можете да направите, като използвате JavaScript на вашата уеб страница. Има много уроци, които могат да ви научат как да кодирате, за да започнете. Можете да го изпробвате на всяка уеб страница, дори тази! Отворете конзолата си и изпробвайте код на JavaScript.

Сега знаете какво прави JavaScript

Надяваме се, че това въведение е донесло някои прозрения в JavaScript и ви вълнува от уеб програмирането. Можете да обобщите всичко нашият удобен JavaScript мамят . Има много повече за научаване на JavaScript. Щом се почувствате по -удобно, защо не опитате да научите как да използвате обектния модел на документ? Може също да се интересувате да научите за TypeScript.

Дял Дял Туит електронна поща Как да почистите вашия компютър с Windows с помощта на командния ред

Ако на вашия компютър с Windows има малко място за съхранение, почистете боклуците, като използвате тези бързи помощни програми за командния ред.

Прочетете Напред Свързани теми
  • Обяснена технология
  • Програмиране
  • Уеб разработка
  • JavaScript
  • Скриптове
За автора Антъни Грант(40 статии са публикувани)

Антъни Грант е писател на свободна практика, занимаващ се с програмиране и софтуер. Той е специалист по компютърни науки, занимаващ се с програмиране, Excel, софтуер и технологии.

Още от Антъни Грант

Абонирайте се за нашия бюлетин

Присъединете се към нашия бюлетин за технически съвети, рецензии, безплатни електронни книги и изключителни оферти!

Щракнете тук, за да се абонирате