Ano ang JavaScript at Paano Ito Gumagana?

Ano ang JavaScript at Paano Ito Gumagana?

Ang JavaScript ay naging isang sangkap na hilaw sa modernong pag-unlad ng web. Ang makapangyarihang wika na ito ay nagbago sa isang mahalagang tool para maunawaan ng sinumang developer ng web.





Ang JavaScript ay may mga espesyal na tampok na naiiba sa mga tradisyunal na wika ng pagprograma. Susuriin natin kung ano ito, kung paano ito gumagana, at kung ano ang maaari mong gawin dito. Basagin natin ito.



Ano ang JavaScript?

Ang JavaScript ay isang wika ng scripting para sa web. Ito ay isang interpretadong wika, na nangangahulugang hindi ito nangangailangan ng isang tagatala upang isalin ang code nito tulad ng C o C ++. Direkta na tumatakbo ang JavaScript code sa isang web browser.





Ang pinakabagong bersyon ng wika ay ECMAScript 2018 na inilabas noong Hunyo 2018.

Gumagana ang JavaScript sa HTML at CSS upang makabuo ng mga web app o web page. Sinusuportahan ng JavaScript ang karamihan sa mga modernong web browser tulad ng Google Chrome, Firefox, Safari, Microsoft Edge, Opera, atbp. Karamihan sa mga mobile browser para sa Android at iPhone ay sumusuporta na rin sa JavaScript.



Kinokontrol ng JavaScript ang mga pabagu-bagong elemento ng mga web page. Gumagana ito sa mga web browser at, mas kamakailan lamang, sa mga web server din. Ang Application Programming Interfaces (API) ay sinusuportahan din ng JavaScript, na nagbibigay sa iyo ng higit na pag-andar.

Ang pag-unawa sa lahat ng mga paraan ng paggana ng JavaScript ay medyo madali kapag naiintindihan mo kung paano gumagana ang web programming, kaya't alamin pa.



Mga Bloke ng Pagbuo ng Web App

Mayroong tatlong mga bahagi na bumubuo ng mga website at app: Hypertext Markup Language (HTML), Cascading Style Sheets (CSS), at JavaScript. Ang bawat isa ay may papel sa paglikha ng isang web app.

  • HTML ay isang markup na wika na lumilikha ng balangkas ng web page. Ang lahat ng mga talata, seksyon, larawan, heading at teksto ay nakasulat sa HTML. Lumilitaw ang nilalaman sa website sa pagkakasunud-sunod na nakasulat sa HTML.
  • CSS kinokontrol ang istilo at ang mga karagdagang aspeto ng layout. Ginagamit ang CSS upang likhain ang disenyo ng website na lumilikha ng mga kulay, font, haligi, hangganan, atbp. Kinukuha ang website mula sa mga simpleng elemento ng teksto hanggang sa mga makukulay na disenyo.
  • Ang pangatlong elemento ay JavaScript Ang HTML at CSS ang lumilikha ng istraktura, ngunit wala silang ginagawa mula doon. Lumilikha ang JavaScript ng aktibong aktibidad sa iyong app. Ang pag-scrip sa JavaScript ay kung ano ang kumokontrol sa mga pag-andar kapag na-click ang mga pindutan, kung paano napatunayan ang mga form ng password, kung paano kontrolado ang media.

Ang lahat ng tatlong bahagi ay gumagana nang magkakasuwato sa bawat isa upang lumikha ng mga full-scale na app. Magandang ideya na malaman ang higit pa tungkol sa HTML at CSS kung hindi ka lubos na komportable sa kanila.



kung paano subaybayan ang trapiko sa network ng bahay

Paano Gumagana ang JavaScript?

Bago isulat ang JavaScript mahalagang malaman kung paano ito gumagana sa ilalim ng hood. Mayroong dalawang mahahalagang piraso upang malaman ang tungkol sa: Paano gumagana ang web browser, at ang Document Object Model (DOM).

Naglo-load ang web browser ng isang web page, na-parse ang HTML, at lumilikha ng kilala bilang isang Document Object Model (DOM) mula sa mga nilalaman. Nagpapakita ang DOM ng isang live na pagtingin sa web page sa iyong JavaScript code.

Pagkatapos ay kukunin ng browser ang lahat na naka-link sa HTML, tulad ng mga imahe at mga file ng CSS. Ang impormasyong CSS ay nagmula sa CSS parser.

Ang HTML at CSS ay pinagsama ng DOM upang lumikha muna ng web page. Pagkatapos, naglo-load ang JavaScript engine ng mga browser ng mga JavaScript file at inline code ngunit hindi agad na pinapatakbo ang code. Naghihintay ito para matapos ang paglo-load ng HTML at CSS.

Kapag tapos na ito, ang JavaScript ay naisakatuparan sa pagkakasunud-sunod na nakasulat ang code. Nagreresulta ito sa pag-update ng DOM ng JavaScript code at na-render ng browser.

Ang order dito ay mahalaga. Kung hindi naghintay ang JavaScript para matapos ang HTML at CSS, hindi nito mababago ang mga elemento ng DOM.

Ano ang Magagawa Ko Sa JavaScript?

Ang JavaScript ay isang ganap na wika ng programa na maaaring magawa ang karamihan sa mga bagay na magagawa ng isang regular na wika tulad ng Python. Kabilang dito ang:

pinakamahusay na site upang mag-stream ng mga pelikula nang libre
  • Pagdeklara ng mga variable.
  • Pag-iimbak at pagkuha ng mga halaga.
  • Pagtukoy at paggamit ng mga pagpapaandar, kabilang ang pagpapaandar ng arrow .
  • Pagtukoy sa mga object at klase ng JavaScript.
  • Naglo-load at gumagamit ng mga panlabas na module.
  • Pagsusulat ng mga handler ng kaganapan na tumutugon sa mga kaganapan sa pag-click.
  • Pagsulat ng server code.
  • At marami pang iba.

Babala: Dahil ang JavaScript ay isang napakalakas na wika, posible ring magsulat ng mga malware, virus, at pag-hack ng browser upang maipataw ang mga ito sa mga gumagamit. Saklaw ang mga ito mula sa pagnanakaw ng mga cookies ng browser, password, credit card hanggang sa pag-download ng mga virus sa iyong computer.

Paggamit ng JavaScript

Tingnan natin ang ilang mga pangunahing kaalaman sa JavaScript na may mga halimbawa ng code.

Pagdeklara ng mga variable

Ang JavaScript ay palihim na nai-type, na nangangahulugang hindi mo kailangang ideklara ang uri ng iyong mga variable sa iyong code.

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

Mga Operator

Dagdagan

12 + 5
>> 17

Pagbabawas

20 - 8
>> 12

Pagpaparami

5 * 2
>> 10

Dibisyon

50 / 2
>> 25

Modulus

45 % 4
>> 1

Mga array

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

Mga pagpapaandar

Maaaring magsulat ang JavaScript ng mga pag-andar, narito ang isang simpleng pag-andar na nagdaragdag ng mga numero.

function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

Mga loop

Maaaring magsagawa ang JavaScript ng mga loop para sa pag-ulit, mga loop na gusto para sa mga loop at habang mga loop.

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!

Mga Komento

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

Sa isang Pahina sa Web

Ang pinaka-karaniwang paraan upang mai-load ang JavaScript sa isang web page ay ang paggamit ng iskrip HTML tag. Nakasalalay sa iyong mga kinakailangan, maaari mong gamitin ang isa sa mga sumusunod na pamamaraan.

  • Mag-load ng isang panlabas na file ng JavaScript sa isang web page tulad ng sumusunod:
  • Maaari mong tukuyin ang kumpletong URL kung ang javascript ay mula sa ibang domain mula sa web page tulad ng sumusunod:
  • Ang JavaScript ay maaaring direktang naka-embed sa HTML. Narito ang isang
    alert('Page is loaded');

Maliban sa mga pamamaraang ito may mga paraan ng pag-load ng JavaScript code ayon sa hinihiling. Sa katunayan, may mga balangkas na nakatuon sa paglo-load at pagpapatakbo ng mga module ng JavaScript na may maayos na mga dependency na nalutas sa oras ng pagpapatakbo.

Iyon ay mas advanced na mga paksa, sa ngayon ay natututo ka ng mga pangunahing kaalaman.

Mga halimbawang JavaScript Code Snippet

Narito ang ilang mga simpleng halimbawa ng code ng JavaScript upang ilarawan kung paano ito ginagamit sa mga web page. Ito ang mga halimbawa ng code na gumagana sa DOM.

  • Pinipili ng sumusunod ang lahat matapang mga elemento sa dokumento at itinatakda ang kulay ng una sa pula. var elems = document.getElementsByTagName('b');
    elems[0].style.color = 'red';
  • Nais na baguhin ang imahe sa isang img tag Ang mga sumusunod ay iniugnay ang isang handler ng kaganapan para sa mag-click kaganapan ng isang pindutan.
    Change Image
  • I-update ang nilalaman ng teksto ng isang talata ( p ) elemento? Itakda ang panloobHTML pag-aari ng sangkap tulad ng ipinapakita:

    Hello World


    Click me

Ang mga sample ng code na ito ay nag-aalok lamang ng isang sulyap sa kung ano ang maaari mong gawin gamit ang JavaScript sa iyong web page. Maraming mga tutorial na maaaring magturo sa iyo kung paano mag-code upang makapagsimula ka. Maaari mong subukan ito sa anumang web page, kahit ang isang ito! Buksan ang iyong console at subukan ang ilang JavaScript code.

Alam Mo Ngayon Ano ang Ginagawa ng JavaScript

Inaasahan namin, ang pagpapakilala na ito ay nagdala ng ilang mga pananaw sa JavaScript at nasasabik ka tungkol sa web program. Maaari mong muling ibalik ang lahat sa ang aming madaling gamiting JavaScript cheat sheet . Marami pang dapat malaman tungkol sa JavaScript. Kapag naramdaman mong mas komportable ka bakit hindi subukang malaman kung paano gamitin ang Modelong Bagay ng Dokumento? Maaaring interesado ka ring malaman ang tungkol sa TypeScript.

Magbahagi Magbahagi Mag-tweet Email Paano linisin ang iyong Windows PC Gamit ang Command Prompt

Kung ang iyong Windows PC ay mababa na sa espasyo ng imbakan, linisin ang basura gamit ang mga mabilis na utos ng Command Prompt na ito.

kung paano i-backup ang mga chrome bookmark na windows 10
Basahin Susunod Mga Kaugnay na Paksa
  • Ipinaliwanag ang Teknolohiya
  • Programming
  • Pag-unlad sa Web
  • JavaScript
  • Pag-iskrip
Tungkol sa May-akda Anthony Grant(40 na Artikulo Nai-publish)

Si Anthony Grant ay isang freelance na manunulat na sumasaklaw sa Programming at Software. Isa siyang pangunahing agham sa Computer Science sa pag-program, Excel, software, at teknolohiya.

Higit pa Mula kay Anthony Grant

Mag-subscribe sa aming newsletter

Sumali sa aming newsletter para sa mga tip sa tech, pagsusuri, libreng ebook, at eksklusibong deal!

Mag-click dito upang mag-subscribe