十日谈 : Vue基本语法学习之ES6语法总结

最新推荐文章于 2022-04-24 17:17:51 发布

扔猿太膻

最新推荐文章于 2022-04-24 17:17:51 发布

阅读量188

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_36013952/article/details/104368646

版权

前端专栏收录该内容

24 篇文章 1 订阅

订阅专栏

十日谈 : Vue基本语法学习之ES6语法总结

欢迎阅读我的Vue学习日记

欢迎阅读我的Vue学习日记

let/var

let就是更完美的var
1.变量作用域:变量在上面范围内可用
2.没有块级作用域带来的问题:大括号内定义的变量,大括号外依然可以访问:

<script>
  var func;
  if(true){
    var name = 'why';
    func = function () {
      console.log(name)
    }
  }
  name = 'kobe'
  func()
</script>

代码原意是想输出why,但是在外部对块内部的name进行了修改,所以打印成了kobe.

const的使用和注意点

const所修饰的标识符为常量不可再次赋值.
可以用const来保证数据的安全.
建议在开发中,优先使用const,只有需要改变某一个标识符的时候才使用let.(swift-let/var)
1.一旦给const修饰的标识符被赋值之后,不能修改
2.在使用const定义标识符,必须进行赋值
3.常量的含义是指向的对象不能修改,单是可以改变对象内部的属性.
如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<script>
  const obj = {
    name : 'why',
    age : '18',
    height : '1.88'
  }
  obj.name = 'kobe';
  obj.age = '20';
</script>
</body>
</html>

对象字面量的增强写法

1.属性的增强写法

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<script>
  //1.属性的增强写法
  const name = 'why';
  const age = 18;
  const height = 1.88;
  
  console.log(obj);

  const obj = {
    name,
    age,
    height
  }
</script>
</body>
</html>

2.函数的增强写法

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<script>
  const obj = {
    run(){
      
    },
    eat()
    {
      
    }
  }
</script>
</body>
</html>

扔猿太膻

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
十日谈 : Vue基本语法学习之ES6语法总结

十日谈 : Vue基本语法学习之ES6语法总结欢迎阅读我的Vue学习日记let/varconst的使用和注意点欢迎阅读我的Vue学习日记let/varlet就是更完美的var1.变量作用域:变量在上面范围内可用2.没有块级作用域带来的问题:大括号内定义的变量,大括号外依然可以访问:<script> var func; if(true){ var name =...
复制链接

扫一扫

专栏目录