Javascript | Istilah populer dalam situsweb

Halaman ini menjabarkan secara detail tentang apa yang ingin Anda ketahui

| English | | Filipino | | Indonesia | | Malay | | Thai | | Vietnamese |
8 kali dilihat

Javascript | Istilah populer dalam situsweb

dipublikasi pada : 15 September 2020

Deskripsi

Pada waktu-waktu awal saat masih baru mulai mengenal situsweb dan mencoba belajar membuat situsweb, saya menemukan kode javascript ini sebagai kode yang menyeramkan. Sempat terfikir jika saya harus menjauhi kode ini sebisa mungkin. Javascript waktu itu tampak seperti sebuah rumus yang penuh dengan simbol-simbol asing yang aneh.

Seiring berjalannya waktu, ternyata kode ini dapat memberikan peran besar bagi keindahan sebuah situsweb, seperti memberi efek animasi,tata urutan, pengaturan notifikasi, dan lain sebagainya.

Jika Anda seperti saya waktu itu, yang takut karena ingin belajar tetapi tidak tahu harus mulai dari mana. Artikel ini akan mengantarkan Anda untuk berkenalan dengan javascript dan membantu Anda menemukan dorongan dan semangat untuk mengenal kode javascript ini secara lebih mendalam. Meskipun tidak banyak namun saya berharap akan sangat berguna bagi Anda. Kita akan mulai dengan istilah-istilah yang sering digunakan dalam javascript.

Dalam kenyataannya, istilah-istilah dalam javascript ini ada banyak jenisnya. Namun kita akan berkonsentrasi untuk membangun jiwa menyukai javascript dalam halaman ini. Jadi, setelah Anda membaca artikel ini, sangat disarankan untuk mencari sumber lain untuk menyempurnakan pengetahuan Anda tentang javascript.

Var

Var adalah cara paling umum untuk membuat variabel di JavaScript. Pernyataan var mendeklarasikan variabel. Variabel adalah wadah untuk menyimpan informasi. Membuat variabel di JavaScript disebut "mendeklarasikan" variabel:

var myCat = "puppus";
String

String JavaScript menyimpan serangkaian karakter seperti "John Doe". String adalah teks. Mereka dilambangkan dengan teks di sekitarnya dengan tanda kutip tunggal atau ganda. Contoh:

"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

Array adalah objek yang menyimpan banyak nilai dalam satu variabel:

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

Array dapat dibuat dengan 3 cara;

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

const primes = [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37];
  1. Multi-Dimensi
// 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

Fungsi JavaScript adalah sekumpulan kode yang dirancang untuk melakukan tugas tertentu. Ini memungkinkan kita untuk mendefinisikan fungsi kita sendiri dalam JavaScript. Ini dapat menjalankan tugas atau menghitung nilai. Ini seperti potongan kode yang dapat digunakan kembali. Bayangkan, memiliki 20 loop, dan kemudian memiliki satu fungsi untuk menangani semuanya. Untuk menggunakan suatu fungsi, Anda harus mendefinisikannya di suatu tempat dalam cakupan tempat Anda ingin memanggilnya. Definisi fungsi (juga disebut deklarasi fungsi) terdiri dari kata kunci fungsi, diikuti dengan nama fungsi, daftar argumen fungsi, diapit tanda kurung dan dipisahkan dengan koma, pernyataan JavaScript yang mendefinisikan fungsi, diapit oleh tanda kurung kurawal {}.

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

Komentar dalam javascript digunakan untuk meningkatkan keterbacaan kode. Komentar ini tidak dieksekusi. Ia memiliki fungsinya sendiri sebagai catatan, saran, peringatan, dll. Ini dapat digambarkan seperti jika seandainya Anda telah menulis 100 baris kode dan kemudian lupa atas fungsi setiap baris kode javascript yang telah Anda tulis tadi, maka komentar ini akan membantu mengingatkan Anda.

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

Kode console ini berfungsi untuk melakukan debug, yang akan mencetak pesan text ke console. Sebagai contoh, Anda ingin menampilkan pesan "Saya sedang melakukan debug", lalu Anda membuka console browser dengan inspect element, dan Anda akan menyaksikan pesan itu pada tab console inspect element.

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

Kode if dalam javascript akan menyatakan bahwa jika kondisi ini benar, lakukan ini, atau lakukan hal lain atau tidak sama sekali. Itu terjadi dalam berbagai bentuk. Contoh:

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

Kode di atas dapat dibaca begini: "Jika ditemukan anjing, maka katakan/tulis di console Bark, bark!, atau jika bukan, maka katakan/tulis di console Meow!"

== VS ===

Di dalam javascript, Anda akan sering melihat tanda sama dengan yang ditulis dua kali secara berdempet ( == ), ini mengatakan hanya lakukan pengecekan nilai (tanpa pemeriksaan tipe).

Sedangkan jika Anda bertemu dengan tanda sama dengan yang ditulis dua kali secara berdempet ( === ), ini mengatakan lakukan pengecekan nilai dan juga pengecekan tipe.

'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

Fungai loop adalah tindakan perulangan. Ini akan melakukan tindakan perulangan atau tindakan yang sama beberapa kali dalam satu baris.

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

Kode di atas akan melakukan perulangan untuk ini:

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

Objek mewakili elemen < object > dalam HTML. Objek adalah struktur data dasar dalam JavaScript. Objek memiliki properti, juga dikenal sebagai kunci, yang diberi nilai.

Apa yang dapat Anda lakukan dengan fungsi object ini?

  1. mengakses elemen < object > dengan menggunakan "getElementById ()";
  2. membuat elemen < object > dengan menggunakan metode "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'
};

Demikian beberapa istilah yang dapat saya sajikan di halaman ini. Untuk menggali lebih dalam tentang javascript, Anda dapat menggunakan referensi gratis eksternal yang juga saya gunakan sebagai referensi untuk membuat halaman ini:

Tags:

Komentar