var let const 区别

简介: var let const 区别

var变量提升 重复声明,顶层(window)属性,全局作用域和函数作用域


let 无提升,不能重复声明,不作为window属性,全局作用域和块级作用域({})暂时性死区(TDZ,同作用域下先声明,再运用)


const 和let类似,声明是必须赋值,不能修改值,可以在不改变引用类型数据的地址时,修改里面的数据,数据可以冻结(object.freeze(数组或对象))


const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址不得改动。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指针,const只能保证这个指针是固定的,至于它指向的数据结构是不是可变的,就完全不能控制了。因此,将一个对象声明为常量必须非常小心。


冻结:Object.freeze([0,1,2,3,4,5])


将对象彻底冻结的函数:

var constantize = (obj) => {
  Object.freeze(obj);
  Object.keys(obj).forEach( (key, i) => {
    if ( typeof obj[key] === 'object' ) {
      constantize( obj[key] );
    }
  });
};

例子:

function f() {
            console.log(1)
        }
        (function () {
            //var f会提升到这
            if (true) {
                function f() {
                    console.log(2)
                }
            }
            console.log(f())
        })()
相关文章
|
1月前
|
JavaScript 前端开发
var let const 的区别和使用场景
var let const 的区别和使用场景
27 3
|
10月前
|
编译器
说说var、let、const之间的区别?
说说var、let、const之间的区别?
57 0
|
1月前
|
JavaScript 前端开发
let,const,var区别
let,const,var区别
21 0
|
1月前
|
人工智能 前端开发 Cloud Native
说说var、let、const之间的区别
说说var、let、const之间的区别
|
10月前
|
JavaScript 前端开发
var let const的区别
`var`、`let`和`const`是用于声明变量的关键字,在 JavaScript 中具有不同的作用和用法。
|
10月前
|
编译器
var、let、const之间有什么区别?(详细版)
1.在ES5中,顶层对象的属性和全局变量是等价的,用var声明的变量既是全局变量,也是顶层变量
|
12月前
|
JavaScript 前端开发
let和var的区别
let和var的区别
130 0
|
JavaScript 前端开发
var、let、const的区别和推荐使用
var、let、const的区别和推荐使用