Javascript | Mga patok na termino sa website 0 mga oras na nakita

Paglalarawan

Sa mga unang araw noong nagsisimula pa lang akong makilala ang website at sinusubukan kong malaman na lumikha ng isang website, nahanap ko na ang creepy ng javascript code na ito. Napaisip ako na dapat akong lumayo sa code na ito hangga't maaari. Ang Javascript sa oras na iyon ay mukhang isang pormula na puno ng kakaibang mga banyagang simbolo.

Sa paglipas ng panahon, lumalabas na ang code na ito ay maaaring may malaking papel sa kagandahan ng isang website, tulad ng pagbibigay ng mga effects ng animasyon, pagkakasunud-sunod ng mga setting, mga setting ng abiso, at iba pa.

Kung katulad mo ako noon, takot na malaman ngunit hindi mo alam kung saan magsisimula. Dadalhin ka ng artikulong ito upang pamilyar sa javascript at matulungan kang makahanap ng pampasigla at sigasig na makilala ang javascript code na ito nang mas malalim. Bagaman hindi gaanong malaki ngunit sana ay kapaki-pakinabang ito sa iyo. Magsisimula kami sa mga pinaka-madalas na ginagamit na mga termino sa javascript.

Sa katunayan, maraming uri ng mga term sa javascript. Ngunit magtutuon kami sa pagbuo ng isang kaluluwa na may gusto sa javascript sa pahinang ito. Kaya, pagkatapos mong mabasa ang artikulong ito, lubos na inirerekumenda na maghanap para sa iba pang mga mapagkukunan upang maperpekto ang iyong kaalaman sa javascript.

Var

Var ay ang pinaka-karaniwang paraan upang lumikha ng mga variable sa JavaScript. Ang pahayag ng var ay nagdedeklara ng isang variable. Ang mga variable ay mga lalagyan para sa pagtatago ng impormasyon. Ang paglikha ng mga variable sa JavaScript ay tinatawag na "pagdedeklara" na isang variable:

var myCat = "puppus";
String

Ang mga string ng JavaScript ay nag-iimbak ng isang string ng mga character tulad ng "John Doe". Ang mga string ay teksto. Ang mga ito ay tinukoy ng nakapaligid na teksto na may solong o dobleng mga quote. Halimbawa:

"string of text"
'string of text'

//

string1 + string2

//

'some' + 'text'; // returns 'sometext'
const first = 'my';
const second = 'string';
const union = first + second; // union variable is the string 'mystring'
Array

Ang mga array ay mga bagay na nag-iimbak ng maraming halaga sa isang variable:

var cars = ["Saab", "Volvo", "BMW"];

//

var primes = [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37];
primes[0]; // 2
primes[3]; // 7
primes[150]; // undefined

//

var arr = ["js", 2, true];
arr[0];            // "js" 
arr[1];            //  2
arr[2];            //  true

Ang mga array ay maaaring malikha sa 3 mga paraan;

  1. Literal
const arrayName = [element0, element1, ..., elementN]

const primes = [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37];
  1. Multi-Dimensyon
// Two dimensions, 3x3
const multidimensionalArray = [[1,2,3],[4,5,6],[7,8,9]]
  1. Konstruktor
const stuff = new Array();

stuff[0] = 34;
stuff[4] = 20;

stuff;
// [34, undefined, undefined, undefined, 20]

//

const myArray = new Array(45 , 'Hello World!' , true , 3.2 , undefined);
console.log(myArray);

// output: [ 45, 'Hello World!', true, 3.2, undefined ]
Function

Ang mga pagpapaandar ng JavaScript ay mga koleksyon ng code na idinisenyo upang maisagawa ang isang tukoy na gawain. Pinapayagan kaming tukuyin ang aming sariling mga pag-andar sa JavaScript. Maaari itong gumanap ng mga gawain o makalkula ang mga marka. Ito ay tulad ng isang magagamit muli na snippet ng code. Isipin, pagkakaroon ng 20 mga loop, at pagkatapos ay pagkakaroon ng isang pag-andar upang mahawakan ang lahat sa kanila. Upang magamit ang isang pagpapaandar, kailangan mong tukuyin ito sa isang lugar sa saklaw kung saan mo ito nais tawagan. Ang isang kahulugan ng pag-andar (tinatawag ding deklarasyon ng pag-andar) ay binubuo ng keyword ng pag-andar, na sinusundan ng isang pangalan ng pag-andar, isang listahan ng mga argumento ng pag-andar, nakapaloob sa mga braket at pinaghiwalay ng mga kuwit, isang pahayag sa JavaScript na tumutukoy sa isang pagpapaandar, na nakapaloob sa mga kulot na tirante {}.

function myFunction(p1, p2) {
  return p1 * p2;   // The function returns the product of p1 and p2
}
Comments

Ginagamit ang mga komento sa javascript upang mapabuti ang kakayahang mabasa ang code. Ang komentong ito ay hindi naisakatuparan. Mayroon itong sariling pag-andar bilang mga tala, mungkahi, babala, atbp. Maaari itong mailarawan na kung nagsulat ka ng 100 mga linya ng code at pagkatapos ay nakalimutan ang pag-andar ng bawat linya ng javascript code na isinulat mo nang mas maaga, kung gayon ang komentong ito ay makakatulong na paalalahanan ka.

console.log('This code will be run');
// console.log('Because this line is in a comment, this code will not be run.')
// This is a single line comment.
Console

Ginagamit ang console code na ito para sa pag-debug, na mai-print ang mga text message sa console. Halimbawa, nais mong ipakita ang mensahe na "I am debugging", pagkatapos ay buksan mo ang browser console na may isang elemento ng pagsisiyasat, at makikita mo ang mensahe sa tab na suriin ang elemento ng console.

const name = 'I'm debugging';
console.log(name);
If

Sasabihin ng if code sa javascript na kung ang kondisyong ito ay totoo, gawin ito, o gumawa ng iba pa o wala. Tumatagal ito ng maraming anyo. Halimbawa:

if (animal == 'dog') {
  console.log('Bark, bark!');
} else {
  console.log('Meow!');
}

Ganito ang mabasa sa code sa itaas: "Kung ang isang aso ay natagpuan, pagkatapos ay sabihin / isulat ito sa Bark console, bark!! O kung hindi, pagkatapos ay sabihin / isulat ito sa Meow! Console."

== VS ===

Sa javascript, madalas kang makakakita ng isang pantay na pag-sign na nakasulat nang dalawang beses magkatabi (==), sinasabi nitong ang pagsuri lamang sa halaga (walang uri ng pagsuri).

Samantalang kung nakamit mo ang isang pantay na pag-sign na nakasulat nang dalawang beses na magkasama (===), sinasabi nito na suriin ang halaga at i-type ang pagsuri.

'1' == 1  // true (same value)
'1' === 1 // false (not the same type)

true == 1  // true (because 1 evaluates as truthy, though it's not the same type)
true === 1 // false (not the same type)
Loops

Ang mga pag-andar ng loop ay mga looping na aksyon. Gagawa ito ng isang pagkilos na loop o ang parehong pagkilos nang maraming beses sa isang linya.

var i;
for (i = 0; i < cars.length; i++) {
  text += cars[i] + "<br>";
}

Ang code sa itaas ay loop para dito:

text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
text += cars[3] + "<br>";
text += cars[4] + "<br>";
text += cars[5] + "<br>";
Object

Ang mga bagay ay kumakatawan sa mga elemento ng < object > sa HTML. Ang mga object ay ang pangunahing mga istraktura ng data sa JavaScript. Ang mga bagay ay may mga katangian, kilala rin bilang mga susi, na nakatalaga sa isang halaga.

Ano ang magagawa mo sa pagpapaandar ng object na ito?

  1. i-access ang sangkap na < object > gamit ang "getElementById ()";
  2. lumikha ng isang elemento ng < object > gamit ang pamamaraang "document.createElement ()";
// using getElementById ()
var x = document.getElementById("myObject");

// using document.createElement ()
var x = document.createElement("myObject");

// or describe a property, such as:
var obj = {
  name: 'Bob',
  married: true,
  'mother\'s name': 'Alice',
  'year of birth': 1987,
  getAge: function () {
    return 2012 - obj['year of birth'];
  },
  1: 'one'
};

Ito ang ilan sa mga term na maipapakita ko sa pahinang ito. Upang mahukay nang mas malalim ang javascript, maaari kang gumamit ng isang panlabas na libreng sanggunian na ginamit ko rin bilang isang sanggunian para sa paglikha ng pahinang ito:

Tags: Code Sanggunian sa 15 September 2020

Magkomento

Forum Diskusi

Post a reply
2944 views

Tumugon sa talakayang ito