首頁 > web前端 > js教程 > 主體

javascript定義變數的方法有哪些

青灯夜游
發布: 2021-06-15 17:54:06
原創
8932 人瀏覽過

js定義變數的方法:1、使用var定義變量,變數可以修改,可以不初始化,沒有初始化輸出undefined;2、使用const定義變量,變數不可以修改,且必須初始化;3、使用let定義變量,變數在函數內部使用,對函數外部無影響。

javascript定義變數的方法有哪些

本教學操作環境:windows7系統、ECMAScript 6版、Dell G3電腦。

定義變數的目的

在記憶體中分配一塊儲存空間給變量,方便以後儲存資料。

怎麼定義變數?

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

在javascript中可以使用關鍵字:constvarlet來定義變數。

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); //报错,未被定义
登入後複製

【推薦學習:javascript高階教學

#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定義變數的方法有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板