首頁 >web前端 >前端問答 >javascript的變數是什麼

javascript的變數是什麼

青灯夜游
青灯夜游原創
2021-09-01 17:04:303562瀏覽

在javascript中,變數就是暫時儲存值的容器,它可以儲存數字、文字、或一些複雜的資料等;而變數名稱就是容器上貼著的標籤,透過標籤可以找到變量,以便讀、寫它所儲存的值。

javascript的變數是什麼

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

什麼是變數?

從字面意思來講,變數就是可變的量;從程式設計角度來講,變數就是暫存值的容器,它可以儲存數字、文字、或一些複雜的資料等。而變量名就是容器上貼著的標籤,透過標籤可以找到變量,以便讀取、寫入它所儲存的值。

舉例2個盒子,為區分它們,其中一個用box1表示,另外一個用box2,當然你也可以用任意的名稱來區分,這個box1就是盒子名字也就是所謂變數的名字。

變數如何定義?

定義變數(宣告變數),任何變數在使用之前,必須先定義。如果定義了多個變量,就會為這多個變數分別分配不同的儲存空間。

在javascript中可以使用關鍵字:const,var,let來定義變量,語法:

关键字 变量名称;

範例:

var name;
var name, age, sex;

1、使用var定義變數

var定義的變數可以修改,如果不初始化會輸出undefined,不會報錯。

//未定义情况下
console.log(a); //打印undefined
//初始化
var a = "aaa";
console.log(a); //打印 aaa
//修改变量
var a = "bbb";
console.log(a); //打印bbb
//循环,检测块级作用域
for(i = 0; i < 5; i++) {
console.log(i); //依次打印0,1,2,3,4
setTimeout(function() {                
//定义函数内部变量        
console.log(i);               
var  d = "locald";            
}, 1000); //依次打印0,1,2,3,4
}          
//访问内部变量//设置定时器,因为要一秒后d才会被定义
setTimeout(function() {
console.log(d)
}, 1001); //报错,未被定义

2、使用const定義變數

const定義的變數不可以修改,而且必須初始化,const定義的是一個恆定的常數

//未定义情况下
console.log(a); //报错。没有定义,所以需要先定义
//初始化
const a = "aaa";
console.log(a); //打印 aaa
//修改变量
const a = "bbb";
console.log(a); //报错,a早已赋值,无法修改
//循环,检测块级作用域
for(i = 0; i < 5; i++) {
console.log(i); //依次打印0,1,2,3,4
setTimeout(function() {
//定义函数内部变量
console.log(i);
const d = "locald";
}, 1000); //依次打印0,1,2,3,4
}
//访问内部变量//设置定时器,因为要一秒后d才会被定义
setTimeout(function() {
console.log(d)
}, 1001); //报错,未被定义

3、使用let定義變數

let是區塊級作用域,函數內部使用let定義後,對函數外部無影響。

//未定义情况下
console.log(a); //报错,需要先定义
//初始化
let a = "aaa";
console.log(a); //打印aaa
//修改变量
let a = "bbb";
console.log(a); //打印a已经被声明了
//循环,检测块级作用域
for(i = 0; i < 5; i++) {
console.log(i); //依次打印0,1,2,3,4  
setTimeout(function() {
//定义函数内部变量
console.log(i);
let d = "locald";
}, 1000); //依次打印0,1,2,3,4
}
//访问内部变量//设置定时器,因为要一秒后d才会被定义
setTimeout(function() {
console.log(d)
}, 1001); //报错,未被定义

注意一點,注意擦看for循環打印出來的,這與var有很大的區別

這裡就突出了塊級作用域的好處

#【推薦學習:javascript高階教學

以上是javascript的變數是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn