美文网首页
let const var 区别

let const var 区别

作者: o_6b24 | 来源:发表于2021-11-22 11:06 被阅读0次

1、声明后未赋值,表现相同

(function() { 

     var varTest;

     let letTest;  

    console.log(varTest); //输出undefined 

    console.log(letTest); //输出undefined}

());

2、使用未声明的变量,表现不同

(function() {

  console.log(varTest); //输出undefined(注意要注释掉下面一行才能运行)

  console.log(letTest); //直接报错:ReferenceError: letTest is not defined

  var varTest = 'test var OK.';

  let letTest = 'test let OK.';

}());

3、重复声明同一个变量,表现不同

(function() {

  var varTest = 'test var OK.';

   let letTest = 'test let OK.';

   var varTest = 'varTest changed.';

   let letTest = 'letTest changed.'; //直接报错:SyntaxError: Identifier 'letTest' has already been declared

  console.log(varTest); //输出varTest changed.(注意要注释掉上面letTest变量的重复声明才能运行)

  console.log(letTest);

}());

4、变量作用范围不同,表现不同

(function() {

  var varTest = 'test var OK.';

  let letTest = 'test let OK.';

  {

    var varTest = 'varTest changed.';

    let letTest = 'letTest changed.';

  }

  console.log(varTest); //输出"varTest changed.",内部"{}"中声明的varTest变量覆盖外部的letTest声明

  console.log(letTest); //输出"test let OK.",内部"{}"中声明的letTest和外部的letTest不是同一个变量

}());

5、const定义的变量不可以修改,而且必须初始化

    const b = 2;//正确// const b;//错误

    必须初始化 console.log('函数外const定义b:' + b);//有输出    值// b = 5;// console.log('函数外修改const定义b:' + b);//无法输出

change

6、var定义的变量可以修改,如果不初始化会输出undefined,不会报错

var a = 1;

// var a;//不会报错

console.log('函数外var定义a:' + a);//可以输出a=1

function change(){

    a = 4;

    console.log('函数内var定义a:' + a);//可以输出a=4} \hange();

function change(){

a = 4;

console.log('函数内var定义a:' + a);//可以输出a=4

}

change();

console.log('函数调用后var定义a为函数内部修改值:' + a);//可以输出a=4

7、let是块级作用域,函数内部使用let定义后,对函数外部无影响

let c=3;

相关文章

  • Android菜鸟学习js笔记 一

    一、var,const,let区别? var 变量,const 常量,let块级变量。

  • es6

    1、let 和const(定义变量) (1)var 、let 、const的区别 a、作用域区别var 变量声明会...

  • JS中var、let、const区别

    在javascript中有三种声明变量的方式:var let const。let var const的区别?var...

  • js中const,var,let区别

    在javascript中有三种声明变量的方式:var let const。let var const的区别?var...

  • 面试题 var let const的区别 箭头函数和普通函数的区

    var let const 有什么区别 var var声明的变量可进行变量提升,let和const不会var可以重...

  • let和const

    let/const(常用) let和var 区别 let,const用于声明变量,用来替代老语法的var关键字,与...

  • js 2022经典面试题汇总

    1.JS数据类型有哪些 2.var、let、const区别 var存在变量提升,而let、const没有 let、...

  • ES6

    定义变量 let const 和 var 的区别 var 会进行预解析let / const 不会进行预解析预解析...

  • js 中 var let const 的区别

    很多人认为 var 和 let const 的区别在于,var 会变量提升,而 let const 不会,虽然可以...

  • 面试题总结

    1、var、let、const区别? 答: 1、var声明的变量为方法作用域,let、const是块级作用域即 {...

网友评论

      本文标题:let const var 区别

      本文链接:https://www.haomeiwen.com/subject/zzaaxctx.html