var,let和const之间的区别

作用域

js世界中有两种作用域:全局作用域、方法作用域

var:

定义变量,声明的变量的作用域是方法作用域,没有块的概念,可以跨块访问,不能跨函数访问;


let:

定义变量,只能在块作用域里访问,不能跨块访问,也不能跨函数访问

基本用法
  1. 不存在变量提升

使用let声明的变量,不会像var那样存在“变量提升”的现象。所以使用let声明变量要遵循“先声明,后使用”的原则。否则会报错。

  1. let声明变量存在块级作用域

let声明的变量只在所声明的代码块内有效。块级作用域由{}包括,if语句和for语句里面的{}也属于块级作用域

  1. let不允许在同一个作用域内重复声明同一个变量

  2. 暂时性死区

在代码块内,使用let声明变量之前,该变量都是不可以使用的 ,只要在同一作用域内存在let命令,他所声明的变量就“绑定”在这个作用域内,不管外部有没有声明

let a=10;

function fn1(){
    console.log(a);
    let a=5;
}

fn1(); // 报错

const:

定义常量,使用时必须初始化(即赋值),只能在块作用域里访问,而不能修改

如果是初始化对象,其属性可修改,但其指向的地址不可修改

//块作用域
{
    var a=1;
    let b=2;
    const c=3;
    // c=4; //报错(不能修改)
    var aa;
    let bb;
    // const cc; //报错(没有初始化)
    console.log(a); //1
    console.log(b); //2
    console.log(c); //3
    console.log(aa); //undefined
    console.log(bb); //undefined
}

console.log(a); //1
// console.log(b); //报错(不在块里)
// console.log(c); //报错(不在块里)

//函数作用域
(function A(){
    var d=5;
    let e=6;
    const f=7;
    console.log(d); //5
    console.log(e); //6
    console.log(f); //7
}());

//console.log(d); //报错
// console.log(e); //报错
// console.log(f); //报错


var和let对比

1. let是块作用域,即其在整个大括号内可见

在这里插入图片描述

把var换成let会报错,因为:i在块作用域外部不可见

  1. let在变量声明之前就访问对象的话,会直接提示ReferenceError,var则使用默认值undefined;
console.log(a); //ReferenceError 在声明之前a报错
let a=10;
///

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

let和const对比

const和let的作用与相同,不同的是const变量一旦被赋值,就不能再改变了。但这并不意味着使用const声明的变量本身不可变,只是说他不可被再次赋值

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值