Variabel di JavaScript: Cara Deklarasi dan Codenya

Variabel pada JavaScript berfungsi sebagai penampung untuk hemat nilai pasar catatan sementara itu.

Dalam kasus ini, x, y, dan z adalah disesuaikan, disesuaikan dideklarasikan bersama key phrase var.

Contoh :

<!DOCTYPE html>
<html>
<physique>

<h2>Variabel pada JavaScript</h2>

<p>Dalam kasus ini, x, y, dan z adalah disesuaikan</p>

<p id="demo"></p>

<script>
var x = 5;
var y = 6;
var z = x + y;
doc.getElementById("demo").innerHTML =
"Nilai berasal dari z adalah: " + z;
</script>

</physique>
</html>


Dari kasus di terbaik, dapat dijelaskan bahwa:

  • x hemat nilai pasar 5
  • y hemat nilai pasar 6
  • z hemat nilai pasar 11

Penggunaan let dan const (2015)

Sebelum tahun 2015, deklarasi disesuaikan menggunakan key phrase var adalah satu-satunya metode untuk mendeklarasikan disesuaikan pada JavaScript.

Namun bersama adanya JavaScript versi 2015 (ES6 – ECMAScript 2015) memungkinkan penggunaan key phrase const untuk menentukan disesuaikan yang tidak dapat ditetapkan untung, dan key phrase let untuk menentukan disesuaikan bersama cakupan dibatasi.

Karena kecil canggih untuk menjelaskan variasi diantara key phrase const dan let, dan karena key phrase tersebut tidak didukung di browser lama, oleh karena itu kasus berasal dari tutorial ini pasti akan biasanya menggunakan var.

Safari 10 dan Edge 14 adalah browser memulai dengan yang benar-benar dukungan ES6:

Chrome Edge Firefox Safari Opera
Chrome 58 Edge 14 Firefox 54 Safari 10 Opera 55
Jan 2017 Aug 2016 Mar 2017 Jul 2016 Aug 2018

Deklarasi disesuaikan Seperti Aljabar

Dalam kasus ini, harga1, harga2, dan jumlah total adalah disesuaikan:

Contoh :

<!DOCTYPE html>
<html>
<physique>

<h2>Variabel pada JavaScript</h2>

<p id="demo"></p>

<script>
var harga1 = 5;
var harga2 = 6;
var jumlah total = harga1 + harga2;
doc.getElementById("demo").innerHTML =
"Jumlahnya adalah: " + jumlah total;
</script>

</physique>
</html>


Dalam pemrograman komputer pendeklarasian disesuaikan seperti “harga1” untuk hemat nilai pasar sama seperti seperti secara mendalam aljabar.

Dalam pemrograman komputer penggunaan disesuaikan secara mendalam frasa seperti “jumlah total = harga1 + harga2” seperti secara mendalam aljabar.

Lihat lebih banyak:  Virus Ransomware - Pengertian, Ciri ciri, Penanganan

Dari kasus di terbaik dapat dihitung totalnya akhirnya menjadi 11.

Variabel JavaScript adalah penampung untuk hemat nilai pasar catatan.

JavaScript Identifier

Semua disesuaikan JavaScript perlu diidentifikasi bersama name khusus.

Nama-nama khusus ini seharusnya identifier.

Identifier bisa dengan mudah berupa pesan teks kecil (seperti x dan y) atau bahkan name yang lebih deskriptif (age, sum, totalVolume).

Aturan standar untuk membuat name disesuaikan (identifier khusus) adalah:

  • Nama dapat berisi huruf, angka, koleksi mendasarkan, dan indikator dolar.
  • Nama perlu dimulai bersama huruf
  • Nama tambahan bisa dengan mudah dimulai bersama $ dan _ (namun tidak pasti akan digunakan secara mendalam tutorial ini)
  • Nama case delicate (y dan Y adalah disesuaikan yang dengan cara yang berbeda)
  • Reserved phrase (seperti key phrase JavaScript) tidak dapat digunakan sebagai name

JavaScript identifier adalah case delicate (peka terhadap raksasa kecilnya huruf).

Operator Assignment

Dalam JavaScript, indikator sama seperti bersama (=) merupakan sopir “task”, sebagai gantinya sopir “sama seperti bersama”.

Hal ini dengan cara yang berbeda bersama aljabar, deklarasi ini tidak diterima pada aljabar:

Namun secara mendalam JavaScript namun sifat ini diterima: sopir ini memberikan nilai pasar x + 5 ke dalam x.

(Operator ini menghitung nilai pasar x + 5 dan memasukkan hasilnya ke dalam secara mendalam x. Nilai x bertambah bersama 5.)

Operator “sama seperti bersama” ditulis seperti == di JavaScript.

Tipe Data JavaScript

Variabel JavaScript dapat menampung nilai pasar angka seperti “100” dan nilai pasar pesan teks seperti “John Doe”.

Dalam pemrograman komputer, nilai pasar pesan teks seharusnya untai.

JavaScript dapat berurusan dengan beberapa jenis catatan, tetapi untuk tutorial kali ini eksklusif pasti akan menggunakan angka dan untai.

String ditulis di secara mendalam indikator kutip ganda atau bahkan hanya. Angka ditulis tanpa indikator kutip.

Jika kita memasukkan angka secara mendalam indikator kutip, angka tersebut pasti akan di anggap sebagai sebagai untai.

Lihat lebih banyak:  5 Cara Memperbaiki LCD Laptop Bergaris Warna-warni Paling Mudah

Contoh :

<!DOCTYPE html>
<html>
<physique>

<h2>Variabel JavaScript</h2>

<p>String ditulis di secara mendalam indikator kutip.</p>
<p>Angka ditulis tanpa indikator kutip.</p>

<p id="demo"></p>

<script>
var pi = 3.14;
var individual = "John Doe";
var reply="Ya, saya!";

doc.getElementById("demo").innerHTML =
pi + "<br>" + individual + "<br>" + reply;
</script>

</physique>
</html>


Mendeklarasikan (Membuat) Variabel JavaScript

Membuat disesuaikan di JavaScript seharusnya “mendeklarasikan” disesuaikan.

Kita dapat mendeklarasikan disesuaikan di secara mendalam JavaScript bersama key phrase var:

Setelah deklarasi, disesuaikan tidak {memiliki} nilai pasar (secara khusus pasti akan {memiliki} nilai pasar tidak terdefinisi atau bahkan undefined).

Untuk menetapkan nilai pasar ke dalam disesuaikan, penggunaan indikator sama seperti bersama:

Kita tambahan dapat menetapkan nilai pasar ke dalam disesuaikan kedua mendeklarasikannya:

Pada kasus di mendasarkan ini, menunjukan metode membuat disesuaikan yang seharusnya carName dan menetapkan nilai pasar “Volvo” pada disesuaikan tersebut.

Kemudian pasti akan menampilkan nilai pasar di secara mendalam paragraf HTML bersama id = “demo”:

<!DOCTYPE html>
<html>
<physique>

<h2>Variabel JavaScript</h2>

<p>Buat disesuaikan, tunjuk nilainya, dan tampilkan:</p>

<p id="demo"></p>

<script>
var carName = "Volvo";
doc.getElementById("demo").innerHTML = carName;
</script>

</physique>
</html>

Cara mendeklarasikan disesuaikan secara mendalam pemrograman komputer yang tepat adalah mendeklarasikan semua disesuaikan di pertama script.

Satu Statement, Banyak Variabel

Kita tambahan dapat mendeklarasikan beberapa disesuaikan secara mendalam satu assertion.

Caranya awal assertion bersama var dan pisahkan disesuaikan bersama koma:

Contoh :

var individual = "John Doe", carName = "Volvo", worth = 200;

Deklarasi dapat mencakup banyak garis:

<!DOCTYPE html>
<html>
<physique>

<h2>Variabel JavaScript</h2>

<p>Anda dapat mendeklarasikan beberapa disesuaikan akhirnya menjadi satu assertion.</p>

<p id="demo"></p>

<script>
var individual = "John Doe",
carName = "Volvo",
worth = 200;
doc.getElementById("demo").innerHTML = carName;
</script>

</physique>
</html>


Value = undefined

Dalam sistem pc, disesuaikan biasanya dideklarasikan tanpa nilai pasar. Nilainya bisa dengan mudah berupa satu hal yang perlu dihitung, atau bahkan satu hal yang pasti akan disediakan akhirnya, seperti enter individu.

Variabel yang dideklarasikan tanpa nilai pasar pasti akan {memiliki} nilai pasar tidak terdefinisi atau bahkan undefined.

Variabel carName pasti akan {memiliki} nilai pasar undefined setelah penyelesaian assertion ini.

Contoh :

<!DOCTYPE html>
<html>
<physique>

<h2>Variabel JavaScript</h2>

<p>Variabel yang dideklarasikan tanpa nilai pasar pasti akan {memiliki} nilai pasar tidak terdefinisi.</p>

<p id="demo"></p>

<script>
var carName;
doc.getElementById("demo").innerHTML = carName;
</script>

</physique>
</html>


Re-Declaring Variable JavaScript

Jika Anda mendeklarasikan ulang disesuaikan JavaScript, nilainya tidak pasti akan melewatkan.

Lihat lebih banyak:  Strict Mode di JS: Cara dan Contoh Codenya

Variabel carName pasti akan dikoreksi {memiliki} nilai pasar “Volvo” setelah menjalankan assertion berikut.

Contoh :

<!DOCTYPE html>
<html>
<physique>

<h2>Variabel JavaScript</h2>

<p>Jika Anda mendeklarasikan ulang disesuaikan JavaScript, nilainya tidak pasti akan melewatkan.</p>

<p id="demo"></p>

<script>
var carName = "Volvo";
var carName;
doc.getElementById("demo").innerHTML = carName;
</script>

</physique>
</html>


Aritmatika pada JavaScript

Seperti halnya aljabar, kita tambahan dapat lakukan memperkirakan aritmatika bersama disesuaikan JavaScript menggunakan sopir, seperti = dan +.

Contoh :

<!DOCTYPE html>
<html>
<physique>

<h2>Variabel JavaScript</h2>

<p>Hasil penjumlahan 5 + 2 + 3:</p>

<p id="demo"></p>

<script>
var x = 5 + 2 + 3;
doc.getElementById("demo").innerHTML = x;
</script>

</physique>
</html>

Anda tambahan dapat menjumlahkan untai, tetapi hasilnya untai pasti akan digabungkan:

<!DOCTYPE html>
<html>
<physique>

<h2>Variabel JavaScript</h2>

<p>Hasil berasal dari penjumlahan "John" + "" + "Doe":</p>

<p id="demo"></p>

<script>
var x = "John" + " " + "Doe";
doc.getElementById("demo").innerHTML = x;
</script>

</physique>
</html>

Coba tambahan kasus ini:

<!DOCTYPE html>
<html>
<physique>

<h2> Variabel JavaScript</h2>

<p>Hasil penjumlahan 5 + 2 + 3:</p>

<p id="demo"></p>

<script>
x = "5" + 2 + 3;
doc.getElementById("demo").innerHTML = x;
</script>

</physique>
</html>

Jika kita memasukkan disesuaikan angka secara mendalam indikator kutip, oleh karena itu pasti akan dianggap sebagai untai, dan hasilnya digabungkan.

Sekarang berusaha kasus ini:

<!DOCTYPE html>
<html>
<physique>

<h2>Variabel JavaScript</h2>

<p>Hasil penjumlahan 2 + 3 + "5":</p>

<p id="demo"></p>

<script>
var x = 2 + 3 + "5";
doc.getElementById("demo").innerHTML = x;
</script>

</physique>
</html>

Tanda Dolar $ JavaScript

Ingatlah bahwa penamaan disesuaikan pada JavaScript perlu dimulai bersama:

  • Sebuah huruf (A-Z atau bahkan a-z)
  • Tanda dolar ($)
  • Atau koleksi mendasarkan (_)

Karena JavaScript memperlakukan indikator dolar sebagai huruf, identifier yang berisi $ merupakan name disesuaikan yang legitimate:

<!DOCTYPE html>
<html>
<physique>

<h2>JavaScript $</h2>

<p>JavaScript menganggap indikator dolar sebagai huruf</p>

<p id="demo"></p>

<script>
var $ = 2;
var $myMoney = 5;
doc.getElementById("demo").innerHTML = $ + $myMoney;
</script>

</physique>
</html>

Penggunaan indikator dolar tidak terlalu standar di JavaScript, tetapi programmer memenuhi syarat biasanya menggunakannya sebagai alias untuk Kegunaan Kepala Sekolah di library JavaScript.

Pada libray JavaScript jQuery misalnya, Kegunaan Kepala Sekolah $ digunakan untuk Pilih komponen HTML. Di jQuery $ (“p”); cara “memilih semua komponen p”.

JavaScript Underscore (_)

Karena JavaScript mengaggap koleksi mendasarkan (underscore) sebagai huruf, identifier yang berisi _ adalah name disesuaikan yang legitimate:

<!DOCTYPE html>
<html>
<physique>

<h2>JavaScript _</h2>

<p>Garis mendasarkan diperlakukan sebagai huruf secara mendalam name JavaScript.</p>

<p id="demo"></p>

<script>
var _x = 2;
var _100 = 5;
doc.getElementById("demo").innerHTML = _x + _100;
</script>

</physique>
</html>

Menggunakan koleksi mendasarkan tidak terlalu standar di JavaScript, tetapi programmer memenuhi syarat umumnya menggunakannya sebagai alias untuk disesuaikan “personal ({tersembunyi})”.

Anda sederhana menonton: Variabel di JavaScript: Cara Deklarasi dan Codenya

Sumber: https://taylorswift10years.com

Kategori: Teknologi

Leave a Reply

Your email address will not be published.