• Contact Us
Friday, December 23, 2022
-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
60
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

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

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

Tutorial CodeIgniter 4 part 1 ~ RESTful API JWT Authentication

June 2, 2022
Codeigniter 4 ~ Membuat Notifikasi Menggunakan SweetAlert

Codeigniter 4 ~ Membuat Notifikasi Menggunakan SweetAlert

June 8, 2022
Tutorial Codeigniter 4 ~ Login dan Register

Tutorial Codeigniter 4 ~ Login dan Register

May 30, 2022
REST API Login dan Register Node.js dengan JWT

REST API Login dan Register Node.js dengan JWT

July 28, 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
Membuat Sitemap Otomatis Codeigniter 4

Membuat Sitemap Otomatis Codeigniter 4

1
Access MongoDB With Node.JS

Akses MongoDB Dengan Node.JS

September 26, 2022
Teorema Structured Control

Basic Programming – Structured Control Theorem

September 23, 2022
WEB CRUD LocalStorage Menggunakan JavaScript

WEB CRUD LocalStorage Menggunakan JavaScript

September 22, 2022
DOM dan GOM Javascript

Perbedaan BOM Dan DOM Pada JavaScript

September 20, 2022
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 infinite scroll javascript javascript tutorial laravel laravel 8 laravel9 laravel 9 load more ajax Menggunakan Multiple select2 dan menyimpan dengan format json 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 uang dari blog

Recent News

Access MongoDB With Node.JS

Akses MongoDB Dengan Node.JS

September 26, 2022
Teorema Structured Control

Basic Programming – Structured Control Theorem

September 23, 2022

© 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