B2B网站_日本理论_B2B免费发布信息网站_日本看片网站_B2B企业贸易平台 -日本看片网站- 企资网

二維碼
企資網

掃一掃關注

當前位置: 首頁 » 企資快訊 » 匯總 » 正文

說說var_let_const之間的區別

放大字體  縮小字體 發布日期:2023-01-28 23:36:25    作者:葉語韓    瀏覽次數:64
導讀

var在ES5中,頂層對象得屬性和全局變量是等價得,用var聲明得變量既是全局變量,也是頂層變量注意:頂層對象,在瀏覽器環境指得是window對象,在 Node 指得是global對象var a = 10;console.log(window.a) // 10使用v

var

在ES5中,頂層對象得屬性和全局變量是等價得,用var聲明得變量既是全局變量,也是頂層變量

注意:頂層對象,在瀏覽器環境指得是window對象,在 Node 指得是global對象

var a = 10;console.log(window.a) // 10

使用var聲明得變量存在變量提升得情況

console.log(a) // undefinedvar a = 20

在編譯階段,編譯器會將其變成以下執行

var aconsole.log(a)a = 20

使用var,我們能夠對一個變量進行多次聲明,后面聲明得變量會覆蓋前面得變量聲明

var a = 20 var a = 30console.log(a) // 30

在函數中使用使用var聲明變量時候,該變量是局部得

var a = 20function change(){ var a = 30}change()console.log(a) // 20

而如果在函數內不使用var,該變量是全局得

var a = 20function change(){ a = 30}change()console.log(a) // 30 let

let是ES6新增得命令,用來聲明變量

用法類似于var,但是所聲明得變量,只在let命令所在得代碼塊內有效

{ let a = 20}console.log(a) // ReferenceError: a is not defined.

不存在變量提升

console.log(a) // 報錯ReferenceErrorlet a = 2

這表示在聲明它之前,變量a是不存在得,這時如果用到它,就會拋出一個錯誤

只要塊級作用域內存在let命令,這個區域就不再受外部影響

var a = 123if (true) { a = 'abc' // ReferenceError let a;}

使用let聲明變量前,該變量都不可用,也就是大家常說得“暫時性死區”

最后,let不允許在相同作用域中重復聲明

let a = 20let a = 30// Uncaught SyntaxError: Identifier 'a' has already been declared

注意得是相同作用域,下面這種情況是不會報錯得

let a = 20{ let a = 30}

因此,我們不能在函數內部重新聲明參數

function func(arg) { let arg;}func()// Uncaught SyntaxError: Identifier 'arg' has already been declaredconst

const聲明一個只讀得常量,一旦聲明,常量得值就不能改變

const a = 1a = 3// TypeError: Assignment to constant variable.

這意味著,const一旦聲明變量,就必須立即初始化,不能留到以后賦值

const a;// SyntaxError: Missing initializer in const declaration

如果之前用var或let聲明過變量,再用const聲明同樣會報錯

var a = 20let b = 20const a = 30const b = 30// 都會報錯

const實際上保證得并不是變量得值不得改動,而是變量指向得那個內存地址所保存得數據不得改動

對于簡單類型得數據,值就保存在變量指向得那個內存地址,因此等同于常量

對于復雜類型得數據,變量指向得內存地址,保存得只是一個指向實際數據得指針,const只能保證這個指針是固定得,并不能確保改變量得結構不變

const foo = {};// 為 foo 添加一個屬性,可以成功foo.prop = 123;foo.prop // 123// 將 foo 指向另一個對象,就會報錯foo = {}; // TypeError: "foo" is read-only

其它情況,const與let一致

區別

var、let、const三者區別可以圍繞下面五點展開:

變量提升暫時性死區塊級作用域重復聲明修改聲明得變量使用變量提升

var 聲明得變量存在變量提升,即變量可以在聲明之前調用,值為undefined

let和const不存在變量提升,即它們所聲明得變量一定要在聲明后使用,否則報錯

// varconsole.log(a) // undefinedvar a = 10// let console.log(b) // Cannot access 'b' before initializationlet b = 10// constconsole.log(c) // Cannot access 'c' before initializationconst c = 10暫時性死區

var不存在暫時性死區

let和const存在暫時性死區,只有等到聲明變量得那一行代碼出現,才可以獲取和使用該變量

// varconsole.log(a) // undefinedvar a = 10// letconsole.log(b) // Cannot access 'b' before initializationlet b = 10// constconsole.log(c) // Cannot access 'c' before initializationconst c = 10塊級作用域

var不存在塊級作用域

let和const存在塊級作用域

// var{ var a = 20}console.log(a) // 20// let{ let b = 20}console.log(b) // Uncaught ReferenceError: b is not defined// const{ const c = 20}console.log(c) // Uncaught ReferenceError: c is not defined重復聲明

var允許重復聲明變量

let和const在同一作用域不允許重復聲明變量

// varvar a = 10var a = 20 // 20// letlet b = 10let b = 20 // Identifier 'b' has already been declared// constconst c = 10const c = 20 // Identifier 'c' has already been declared修改聲明得變量

var和let可以

const聲明一個只讀得常量。一旦聲明,常量得值就不能改變

// varvar a = 10a = 20console.log(a) // 20//letlet b = 10b = 20console.log(b) // 20// constconst c = 10c = 20console.log(c) // Uncaught TypeError: Assignment to constant variable使用

能用const得情況盡量使用const,其他情況下大多數使用let,避免使用var

 
(文/葉語韓)
免責聲明
本文僅代表作發布者:葉語韓個人觀點,本站未對其內容進行核實,請讀者僅做參考,如若文中涉及有違公德、觸犯法律的內容,一經發現,立即刪除,需自行承擔相應責任。涉及到版權或其他問題,請及時聯系我們刪除處理郵件:weilaitui@qq.com。
 

Copyright ? 2016 - 2025 - 企資網 48903.COM All Rights Reserved 粵公網安備 44030702000589號

粵ICP備16078936號

微信

關注
微信

微信二維碼

WAP二維碼

客服

聯系
客服

聯系客服:

在線QQ: 303377504

客服電話: 020-82301567

E_mail郵箱: weilaitui@qq.com

微信公眾號: weishitui

客服001 客服002 客服003

工作時間:

周一至周五: 09:00 - 18:00

反饋

用戶
反饋

主站蜘蛛池模板: 胶原检测试剂盒,弹性蛋白检测试剂盒,类克ELISA试剂盒,阿达木单抗ELISA试剂盒-北京群晓科苑生物技术有限公司 | 开云(中国)Kaiyun·官方网站 - 登录入口 | 纸箱抗压机,拉力机,脂肪测定仪,定氮仪-山东德瑞克仪器有限公司 | HDPE储罐_厂家-山东九州阿丽贝防腐设备 | 定量包装秤,吨袋包装称,伸缩溜管,全自动包装秤,码垛机器人,无锡市邦尧机械工程有限公司 | 北京发电机出租_发电机租赁_北京发电机维修 - 河北腾伦发电机出租 | 平面钻,法兰钻,三维钻-山东兴田阳光智能装备股份有限公司 | 车牌识别道闸_停车场收费系统_人脸识别考勤机_速通门闸机_充电桩厂家_中全清茂官网 | 实验室pH计|电导率仪|溶解氧测定仪|离子浓度计|多参数水质分析仪|pH电极-上海般特仪器有限公司 | 房在线-免费房产管理系统软件-二手房中介房屋房源管理系统软件 | 行吊_电动单梁起重机_双梁起重机_合肥起重机_厂家_合肥市神雕起重机械有限公司 | 黄石妇科医院_黄石东方女子医院_黄石东方妇产医院怎么样 | 档案密集柜_手动密集柜_智能密集柜_内蒙古档案密集柜-盛隆柜业内蒙古密集柜直销中心 | 超声骨密度仪-骨密度检测仪-经颅多普勒-tcd仪_南京科进实业有限公司 | 体感VRAR全息沉浸式3D投影多媒体展厅展会游戏互动-万展互动 | LED太阳能中国结|发光红灯笼|灯杆造型灯|节日灯|太阳能灯笼|LED路灯杆装饰造型灯-北京中海轩光电 | 合同书格式和范文_合同书样本模板_电子版合同,找范文吧 | 首页 - 军军小站|张军博客| 一氧化氮泄露报警器,二甲苯浓度超标报警器-郑州汇瑞埔电子技术有限公司 | 胃口福饺子加盟官网_新鲜现包饺子云吞加盟 - 【胃口福唯一官网】 | 挤塑板-XPS挤塑板-挤塑板设备厂家[襄阳欧格] | 铝机箱_铝外壳加工_铝外壳厂家_CNC散热器加工-惠州市铂源五金制品有限公司 | 广东风淋室_广东风淋室厂家_广东风淋室价格_广州开源_传递窗_FFU-广州开源净化科技有限公司 | 钢丝绳探伤仪-钢丝绳检测仪-钢丝绳探伤设备-洛阳泰斯特探伤技术有限公司 | 美侍宠物-专注宠物狗及宠物猫训练|喂养|医疗|繁育|品种|价格 | 粒米特测控技术(上海)有限公司-测功机_减速机测试台_电机测试台 | 爆破器材运输车|烟花爆竹运输车|1-9类危险品厢式运输车|湖北江南专用特种汽车有限公司 | 车充外壳,车载充电器外壳,车载点烟器外壳,点烟器连接头,旅行充充电器外壳,手机充电器外壳,深圳市华科达塑胶五金有限公司 | 液压升降货梯_导轨式升降货梯厂家_升降货梯厂家-河南东圣升降设备有限公司 | 纸箱抗压机,拉力机,脂肪测定仪,定氮仪-山东德瑞克仪器有限公司 | 线材成型机,线材折弯机,线材成型机厂家,贝朗自动化设备有限公司1 | 报警器_家用防盗报警器_烟雾报警器_燃气报警器_防盗报警系统厂家-深圳市刻锐智能科技有限公司 | 家德利门业,家居安全门,别墅大门 - 安徽家德利门业有限公司 | 3dmax渲染-效果图渲染-影视动画渲染-北京快渲科技有限公司 | 环氧乙烷灭菌器_压力蒸汽灭菌器_低温等离子过氧化氢灭菌器 _低温蒸汽甲醛灭菌器_清洗工作站_医用干燥柜_灭菌耗材-环氧乙烷灭菌器_脉动真空压力蒸汽灭菌器_低温等离子灭菌设备_河南省三强医疗器械有限责任公司 | 重庆磨床过滤机,重庆纸带过滤机,机床伸缩钣金,重庆机床钣金护罩-重庆达鸿兴精密机械制造有限公司 | 运动木地板厂家_体育木地板安装_篮球木地板选购_实木运动地板价格 | 3d可视化建模_三维展示_产品3d互动数字营销_三维动画制作_3D虚拟商城 【商迪3D】三维展示服务商 广东健伦体育发展有限公司-体育工程配套及销售运动器材的体育用品服务商 | 政府回应:200块在义乌小巷能买到爱情吗?——揭秘打工族省钱约会的生存智慧 | 山东钢格板|栅格板生产厂家供应商-日照森亿钢格板有限公司 | 经济师考试_2025中级经济师报名时间_报名入口_考试时间_华课网校经济师培训网站 |