美文网首页
一、ES6-关键字let const的用法

一、ES6-关键字let const的用法

作者: 易冷zzz | 来源:发表于2017-07-14 18:16 被阅读31次
  • let用途
  • var不足之处
  • const用法
let用途

回想一下,我们平时在写代码的时候,用var来声明一个变量,除此之外,好像也没用其他的关键字了,不管我们声明的是字符串类型、数组类型还是数字类型等,都用一个var (因为JavaScript拥有动态类型,不用像C语言那样声明数据类型int float等等),很方便。但现在ES6告诉你,除了var,不妨试试用let来声明变量试试看。

var的不足之处
  1. 用var 声明变量的时候会出现“变量提升“的现象。
  var a = 1;
(function(){
   alert(a);
   var a = 2;
})();//结果:undefined

原因就在于我们在代码块(函数内)里面还声明并定义了一个变量a,导致变量提升了,实际的代码执行顺序是这样的,仔细看完你就知道什么叫变量提升了。

var a = 1;
   (function(){
   var a;
   alert(a);
   a = 2;
})();

如果用let关键字则可以避免这个问题

var a = 1;
(function(){
   alert(a);
   let a = 2;
})();   // 结果:报错a未定义
const用法
1.cosnt作用

const是constant(常量)的缩写,const和 let一样,也是用来声明变量的,但是const是专门用于声明一个常量的,顾名思义,常量的值是不可改变的。以前用var声明的变量,想怎么改就怎么改,同一个变量,后面的值可以轻松覆盖原来的值,这次const声明的变量,可由不得我们这么任性地想改就改了。

2.cosnt 常量的特点

2.1、 不可修改

         const Name = '张三';
         Name = '李四';//错误,企图修改常量Name

2.2、只在块级作用域起作用,这点与let关键字一样。

if(1){
       const Name = '张三';
     }
    alert(Name);//错误,在代码块{ }外,Name失效

2.3、不存在变量提升,必须先声明后使用,这点也跟let关键字一样。

   if(1){
       alert(Name);//错误,使用前未声明
       const Name = '张三';
   }

2.4、不可重复声明同一个变量,这点跟let也一样。

    var Name  = '张三';
    const  Name = '李四';//错误,声明一个已经存在的变量Name

2.5、声明后必须要赋值

   const NAME; //错误,只声明不赋值
3.常量是一个对象的时候
    const Person = {"name":"张三"};
    Person.name = "李四";
    Person.age = 20;
    console.log(Person);
    //结果:正常输出{name: "李四", age: 20}

常量Person好像被修改了,name改成了“李四”,而且还添加了age属性,值为20;不是说好了常量不可修改吗,说好的常量说变就变。这里先引入一个概念:在赋值过程中,我们可以分为传值赋值和传址赋值。这里我们用到了传址赋值,什么叫传址赋值?

传址:在赋值过程中,变量实际上存储的是数据的地址(对数据的引用),而不是原始数据或者数据的拷贝。

看下面这段代码:

    var student1 = {"name":"张三"};
    var student2 = student1;
    student2.name = "李四";
    console.log(student1);
    //结果:输出 {name: "李四"}
    console.log(student2);
    //结果:输出 {name: "李四"}

我们的const关键字,用const来声明一个对象类型的常量,就是传址赋值。也就是说传的是对象在内存中的地址,而不是对象本身(不可变的是地址,而不是地址里的数据),类比C语言里面的指针。

相关文章

  • 高频前端面试题汇总之JavaScript篇-ES6

    ES6-基础 1.let、const、var的区别 (1)块级作用域 块作用域由 { }包括,let和const具...

  • 一、ES6-关键字let const的用法

    let用途 var不足之处 const用法 let用途 回想一下,我们平时在写代码的时候,用var来声明一个变量,...

  • 【JS】从ECMA学习let、const、var变量声明与声明提

    let、const、var是JS中的声明关键字 let和const 我们熟知的let和const的特性,常见的就有...

  • js 中声明常量关键字 var、let、const

    js 中声明常量的关键字:var、let、const,其中 let 和 const 是 ES6 中新增的关键字。 ...

  • let和const

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

  • ES6新增特性(一)

    const(声明常量), let(声明变量)关键字; let关键字就是用来声明变量的使用let关键字声明的变量具有...

  • ES6新特性

    块作用域 let和const有关let 关键字(只在{}作用域内有用)const 关键字(常量也用于块即作用符 ...

  • ECMAScript 6 入门

    1.let 和 const 命令 let 命令 基本用法 ES 6 新增了 let 命令,用来声明变量,它的用法类...

  • ES6 笔记(未完)

    一. let 和 const 1 let 基本用法 ES6新增let命令,与var用法类似,但所声明的变量只在声明...

  • ES6学习笔记

    VSCode调试ES6:配置方法 一、let & const 关键字 1.1 let & var 对比 let 声...

网友评论

      本文标题:一、ES6-关键字let const的用法

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