博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
学习es6:let和const使用
阅读量:5255 次
发布时间:2019-06-14

本文共 1197 字,大约阅读时间需要 3 分钟。

一.运行及关闭运行:

  在上一节中我们用shift+右击在C:\vue\es6文件夹中打开命令行使用:npm run dev,打开了我们的vue界面。

  如果要关闭则在命令行中按住ctrl+C则可以关闭。

二.let和const使用方法:

  (1).在javascript中我们通常使用var会发生变量提升,即脚本开始运行时,变量已经存在了,但是没有值,所以会输出undefined,

  而let不会发生变量提升,这表示在声明它之前,变量是不存在的,这时如果用到它,就会抛出一个错误。

  (2).var 是函数级作用域,let是块级作用域:

  {

    let a = 10;

    var b = 1;

  }

  a // ReferenceError:a is  not defined.

  b // 1

  容易发生错误:

  var a = [];

  for(var i = 0; i < 10; i++){

    a[i] = function(){

      console.log(i);

    };

  }

  a[6](); // 10;

  如果将var i 改为 let i 此时a[6](); 结果是6;

  (3).let不允许在相同作用域内,重复声明同一个变量:

   function(){

    let a = 10;

    var a = 1;

  }

  //报错

  function(){

    let a = 10;

    let a = 1;

  }

  //报错

  (4).const声明一个只读的常量。一旦声明,常量的值就不能改变

  const PI = 3.1415;

  PI = 3;

  //TypeError: Assignment to constant variable.

  (5).const命令声明的常量也是不提升,只能在声明的位置后面使用。

  {

    const a = 10;

  }

  console.log(a);

  //报错

  (6).const声明的常量,也与let一样不可重复声明

  (7).对于复合类型的变量,变量名不指向数据,而是指向数据所在的地址。const命令只是保证变量名指向的地址不变,并不保证该地址的数据不变,

  所以将一个对象声明为常量必须非常小心。

  const t = {};

  t.prop = 123;

  console.log(t.prop); // 123

  t = {}; // 报错

三.推荐阮一峰老师网站:http://es6.ruanyifeng.com/

  阮一峰老师已经将自己写的es6书开源了。

 

转自:

转载于:https://www.cnblogs.com/ourLifes/p/7218647.html

你可能感兴趣的文章
Hibernate-缓存
查看>>
【BZOJ4516】生成魔咒(后缀自动机)
查看>>
提高PHP性能的10条建议
查看>>
svn“Previous operation has not finished; run 'cleanup' if it was interrupted“报错的解决方法...
查看>>
熟用TableView
查看>>
Java大数——a^b + b^a
查看>>
poj 3164 最小树形图(朱刘算法)
查看>>
服务器内存泄露 , 重启后恢复问题解决方案
查看>>
android一些细节问题
查看>>
KDESVN中commit时出现containing working copy admin area is missing错误提示
查看>>
利用AOP写2PC框架(二)
查看>>
【动态规划】skiing
查看>>
java定时器的使用(Timer)
查看>>
ef codefirst VS里修改数据表结构后更新到数据库
查看>>
boost 同步定时器
查看>>
[ROS] Chinese MOOC || Chapter-4.4 Action
查看>>
简单的数据库操作
查看>>
iOS-解决iOS8及以上设置applicationIconBadgeNumber报错的问题
查看>>
亡灵序曲-The Dawn
查看>>
Redmine
查看>>