Pembolehubah JavaScript


Pembolehubah ialah "bekas" yang digunakan untuk menyimpan maklumat.

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<script>
var x=5;
var y=6;
var z=x+y;
document.write(x + "<br>");
document.write(y + "<br>");
document.write(z + "<br>");
</script>

</body>
</html>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

Sama seperti algebra

x=5
y=6
z=x+y

Dalam algebra, kami menggunakan huruf (seperti x ) untuk menyimpan nilai (seperti 5).

Dengan ungkapan di atas z=x+y, kita boleh mengira nilai z menjadi 11.

Dalam JavaScript, huruf ini dipanggil pembolehubah.

lamp您可以把变量看做存储数据的容器。


Pembolehubah JavaScript

Seperti algebra, pembolehubah JavaScript boleh digunakan untuk menyimpan nilai (seperti x=5) dan ungkapan (seperti z=x+y).

Pembolehubah boleh mempunyai nama pendek (seperti x dan y) atau lebih banyak nama deskriptif (seperti umur, jumlah, jumlah volum).

  • Pembolehubah mesti bermula dengan huruf

  • Pembolehubah juga boleh bermula dengan simbol $ dan _ (tetapi kami tidak mengesyorkan ini)

  • Nama pembolehubah sensitif huruf besar-kecil (y dan Y ialah pembolehubah berbeza)

lampJavaScript 语句和 JavaScript 变量都对大小写敏感。


Jenis Data JavaScript

Pembolehubah JavaScript juga boleh menyimpan jenis data lain, seperti nilai teks (nama="Bill Gates").

Dalam JavaScript, teks seperti "Bill Gates" dipanggil rentetan.

Pembolehubah JavaScript terdapat dalam pelbagai jenis, tetapi buat masa ini, kami hanya akan menumpukan pada nombor dan rentetan.

Apabila anda memberikan nilai teks kepada pembolehubah, anda harus mengelilingi nilai tersebut dengan petikan berganda atau tunggal.

Jangan gunakan petikan apabila nilai yang anda tetapkan kepada pembolehubah ialah nilai angka. Jika anda mengelilingi nilai berangka dengan petikan, nilai itu dianggap sebagai teks.

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<script>
var pi=3.14;
var name="Bill Gates";
var answer='Yes I am!';
document.write(pi + "<br>");
document.write(name + "<br>");
document.write(answer + "<br>");
</script>

</body>
</html>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

Mengisytiharkan (Mencipta) Pembolehubah JavaScript

Mencipta pembolehubah dalam JavaScript sering dipanggil "mengisytiharkan" pembolehubah.

Kami menggunakan kata kunci var untuk mengisytiharkan pembolehubah:

var carname;

Selepas pembolehubah diisytiharkan, pembolehubah itu kosong (ia tidak mempunyai nilai).

Untuk memberikan nilai kepada pembolehubah, gunakan tanda sama:

carname="Volvo";

Walau bagaimanapun, anda juga boleh mengisytiharkan pembolehubah apabila Berikan nilai kepadanya:

var carname="Volvo";

Dalam contoh berikut, kami mencipta pembolehubah bernama carname dan memberikannya nilai " Volvo" ", dan kemudian masukkan ke dalam perenggan HTML dengan id="demo":

Contoh

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p>点击这里来创建变量，并显示结果。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
	var carname="Volvo";
	document.getElementById("demo").innerHTML=carname;
}
</script>

</body>
</html>

Run Example»

Klik butang "Jalankan Instance" untuk melihat contoh dalam talian

lamp一个好的编程习惯是，在代码开始处，统一对需要的变量进行声明。

Satu pernyataan, berbilang pembolehubah

Anda boleh mengisytiharkan banyak pembolehubah dalam satu pernyataan. Pernyataan bermula dengan var dan menggunakan koma untuk memisahkan pembolehubah:

var lastname="Doe", age=30, job="carpenter";

Pengisytiharan Ia boleh juga merangkumi berbilang baris:

var lastname="Doe",
umur=30,
job="carpenter";


Nilai = tidak ditentukan

Dalam atur cara komputer, pembolehubah tanpa nilai sering diisytiharkan. Nilai pembolehubah yang diisytiharkan tanpa nilai sebenarnya tidak ditentukan.

Selepas melaksanakan penyataan berikut, nilai nama pembolehubah akan tidak ditentukan:

var carname;


Isytihar semula pembolehubah JavaScript

Jika anda mengisytiharkan semula pembolehubah JavaScript, nilai pembolehubah tidak akan hilang:

Selepas dua penyataan berikut dilaksanakan, nilai pembolehubah carname masih "Volvo ":

var carname="Volvo";
var carname;


Aritmetik JavaScript

Anda boleh melakukan aritmetik melalui pembolehubah JavaScript, Operator seperti = dan + digunakan:

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p>假设 y=5，计算 x=y+2，并显示结果。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
	var y=5;
	var x=y+2;
	var demoP=document.getElementById("demo")
	demoP.innerHTML="x=" + x;
}
</script>

</body>
</html>

Run Instance»

Klik butang "Run Instance" " untuk melihat contoh dalam talian

Anda akan mengetahui lebih lanjut tentang pengendali JavaScript kemudian dalam tutorial ini.