• Contact Us
Selasa, Mei 23, 2023
-18 °c
Teman Ngoding
  • Home
  • Tutorial
    • Laravel
    • Codeigniter
    • PHP
    • Golang
    • Java
    • Javascript
    • React JS
    • SQL
    • Problem Solution
  • Video Tutorial
    • Video Laravel
    • Video Codeigniter
    • C++
    • Video Git
  • Events
  • Berita
  • Donate
  • Indonesia
    • English
No Result
View All Result
Teman Ngoding
  • Home
  • Tutorial
    • Laravel
    • Codeigniter
    • PHP
    • Golang
    • Java
    • Javascript
    • React JS
    • SQL
    • Problem Solution
  • Video Tutorial
    • Video Laravel
    • Video Codeigniter
    • C++
    • Video Git
  • Events
  • Berita
  • Donate
  • Indonesia
    • English
No Result
View All Result
Plugin Install : Cart Icon need WooCommerce plugin to be installed.
Teman Ngoding
No Result
View All Result
Home Tutorial Javascript

JavaScript Dasar Part 3 : Variabel

admin by admin
September 7, 2022
in Javascript, Tutorial
0 0
0
Variabel Javascript

Variabel Javascript

0
SHARES
72
VIEWS
Share on FacebookShare on Twitter

This post is also available in: English

Hallo apa kabar teman semuanya, semoga kamu sehat dan sukses selalu. Kali ini kita akan lanjutkan dari tutorial sebelumnya cara membuat kode dan komen sederhana menggunakan JavaScript.

Kali ini kita akan membahas Variabel di JavaScript. Pada dasarnya semua variabel pada pemrograman sama, hanya saja dalam penulisannya sedikit berbeda.

Ada beberapa yang akan kita bahas:

  1. Variabel
  2. Constant

Sebelum kamu lanjutkan, pelajari terlebih dahulu tutorial sebelumnya:

JavaScript Dasar Part 1 : Apa itu JavaScript?

JavaScript Dasar Part 2 : Kode Pertama dan Comments

Variabel

Variabel adalah sebuah nama yang berisikan nilai. Variabel dapat di isi berbagai macam nilai seperti String, number, objek, array, dan sebagainya. Kita dapat melihat contohnya di bawah ini:

OFTAST piring kecil, putih, 19 cm | IKEA Indonesia
Piring = Variabel
Bon appétit & Bonne année 2021 ! - Les Jardins d'Arcadie
Piring ketika ada isinya, maka piring tersebut telah memnyai sebuah nilai. Contoh di sini piring berisikan makanan.

Ketika sebuah variabel telah mempunyai nilai, maka variabel tersebut dapat kita gunakan.

Pada JavaScript setidaknya ada tiga cara untuk mendeklarasikan sebuah variabel, yaitu menggunakan keyword var, let, dan const. Pada versi ECMAScript 2015 (ES6) dikenalkan deklarasi variabel dengan let dan const untuk menggantikan var yang dinilai kontroversial dan rawan menimbulkan bug.

Sekarang kita akan peraktek langsung cara membuat variabel di JavaScript.

let lastName;

Kita telah membuat variabel dengan nama lastName, variabel tersebut dapat kita kenal dengan nama declaration statement. Dan untuk mengisi sebuah nilai kamu bisa menggunakan tanda sama dengan ( = ).

lastName = "Mantan Programmer";
console.log(lastName);

/*Output
Mantan Programmer
*/

Kita telah mengeluarkan sebuah nilai di dalam variabel menggunakan console.log.

Ketika kamu menginisialisasikan nilai ke dalam sebuah variabel dengan menggunakan tanda sama dengan ( = ) dapat di sebut assignment expression.

Kita telah membuat sebuah variabel lastName. Variabel tersebut dapat kita bayangkan sebuah kotak kosong, dan kotak tersebut kita isikan barang maka kotak tersebut telah mempunyai sebuah nilai

Variabel yang tekah memiliki nilai, maka akan tersimpan di dalam memori komputer.

Variabel dapat kita berinama apa pun, tetapi di pastikan nama variabel dapat mudah di pahami dan mudah di maintenance. Ada beberapa aturan dalam menggunakan nama variabel.

  • Harus dimulai dengan huruf atau underscore (_).
  • Dapat terdiri dari huruf, angka, dan underscore (_) dengan berbagai kombinasi.
  • Tidak boleh mengandung spasi (whitespace). Jika penamaan variabel lebih dari dua kata, tuliskan secara camelCase. Contoh firstName, lastName, catName, dll.
  • Tidak boleh mengandung karakter spesial (! . , / \ + * = dll.)

Saya berikan contoh beberapa variabel:

var firstName = "Mantan";
var _lastName = "Programmer";
var full_name = "Mantan Programmer";
var Full_name = "Mantan Programmer";
var visitorCount = 5921; 

“Apa yang akan terjadi jika nilai variabel tidak diisi?”

Maka yang akan berniali “undefined” (belum ditentunkan). Contohnya:

var x;

//undefined

Mengisi Ulang Variabel

Variabel dapat mengisi ulang, yang artinya nilai dapat di rubah. tidak seperti contant. Kamu akan mempelajarinya.

Contoh:

// variable
var age = 18;

// Refilling Variables
age = 21;

Ketika kamu membuat variabel yang kedua tidak harus menggunakan “var” karena kode var di butuhkan ketika kamu membuat pertama kali variabel.

Constant

Constant dapat kita gunakan dengan nama const. Constant merupakan sebuah variabel yang memiliki nilai tetap dan tidak dapat di rubah setelah diinisialisasi nilainya. Contohnya ketika kita mempunyai sebuah kotak yang telah terisi dan di segel, sehinggal nilai tidak dapat di rubah.

Cube Box Hot Sale, 53% OFF | www.ingeniovirtual.com

Jika menginisialisasi kembali nilai variabel yang menggunakan const, kita akan mendapati eror “TypeError: Assignment to constant variable.”. Contoh kodenya sebagai berikut

const z = 100;
console.log(z);

z = 200;
console.log(z)

/* TypeError: Assignment to constant variable. */

Demikian tutorial kali ini yang dapat saya sampaikan, semoga bermanfaat.

Terimakasih.

Previous Post

JavaScript Dasar Part 2 : Kode Pertama dan Comments

Next Post

JavaScript Dasar Part 4 : Tipe Data JavaScript

Next Post
tipe data javascript

JavaScript Dasar Part 4 : Tipe Data JavaScript

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

  • Trending
  • Comments
  • Latest
Tutorial CodeIgniter 4 part 1 ~ RESTful API JWT Authentication

Tutorial CodeIgniter 4 part 1 ~ RESTful API JWT Authentication

Juni 2, 2022
REST API Login dan Register Node.js dengan JWT

REST API Login dan Register Node.js dengan JWT

Juli 28, 2022
Tutorial Codeigniter 4 ~ Login dan Register

Tutorial Codeigniter 4 ~ Login dan Register

Mei 30, 2022
Codeigniter 4 ~ Membuat Notifikasi Menggunakan SweetAlert

Codeigniter 4 ~ Membuat Notifikasi Menggunakan SweetAlert

Juni 8, 2022
Tutorial Codeigniter 4 ~ Login dan Register

Tutorial Codeigniter 4 ~ Login dan Register

5
Rekomendasi tempat belajar pemrograman

Rekomendasi tempat belajar pemrograman

3
Menghilangkan Public dan Index.php dari URL Codeigniter 4

Menghilangkan Public dan Index.php dari URL Codeigniter 4

2
Migration Laravel

Migration Laravel

1
HTML Fundamentals – HTML Basic

HTML Fundamentals – HTML Basic

Mei 19, 2023
Pekerjaan Apa yang Akan Diganti oleh AI?

Pekerjaan Apa yang Akan Diganti oleh AI?

Mei 11, 2023
Programmer Atau Hacker?

Programmer Atau Hacker?

April 6, 2023
PENGENALAN BACKEND DEVELOPER

Pemrograman Backend Developer

April 5, 2023
Teman Ngoding

Teman Ngoding tempat berbagi tutorial pemrograman
Read more

Categories

  • Berita
  • C++
  • Codeigniter
  • Events
  • Flutter
  • Golang
  • Java
  • Javascript
  • Laravel
  • MongoDB
  • News
  • Node JS
  • Pemrograman
  • PHP
  • Problem Solution
  • React JS
  • SQL
  • Tutorial
  • TypeScript
  • TypeScript
  • Video Codeigniter
  • Video Git
  • Video Laravel
  • Video Tutorial

Tags

ajax belajar golang belajar reactjs blog browser seluler Cara mendapatkan Uang dari Blog codeigniter codeigniter 3 codeigniter 4 codeigniter4 embed html Error Handling flutter flutter vs react native golang golang dasar html html basic html dasar infinite scroll javascript javascript tutorial laravel laravel 8 laravel 9 laravel9 load more ajax mongodb nodejs pdf pemrograman ajax pemrograman golang pemrograman php reactjs reactjs tutorial reactjs vs react native rest api rest api codeigniter 4 tutorial codeigniter 4 tutorial golang tutorial javascript tutorial laravel tutorial laravel 8 tutorial nodejs tutorial reactjs

Recent News

HTML Fundamentals – HTML Basic

HTML Fundamentals – HTML Basic

Mei 19, 2023
Pekerjaan Apa yang Akan Diganti oleh AI?

Pekerjaan Apa yang Akan Diganti oleh AI?

Mei 11, 2023

© 2022 Teman Ngoding.

No Result
View All Result
  • Home
  • Tutorial
    • Laravel
    • Codeigniter
    • PHP
    • Golang
    • Java
    • Javascript
    • React JS
    • SQL
    • Problem Solution
  • Video Tutorial
    • Video Laravel
    • Video Codeigniter
    • C++
    • Video Git
  • Events
  • Berita
  • Donate
  • Indonesia
    • English

© 2022 Teman Ngoding.

Login to your account below

Forgotten Password?

Fill the forms bellow to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In
  • English
  • Indonesia