javascript的變數是什麼

青灯夜游
發布: 2023-01-07 11:46:33
原創
3427 人瀏覽過

在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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!