ES6的语法补充

最新推荐文章于 2024-03-07 18:19:19 发布

帅气的刘某人

最新推荐文章于 2024-03-07 18:19:19 发布

阅读量100

点赞数

分类专栏： Vue 文章标签： 1024程序员节

本文链接：https://blog.csdn.net/qq_41581154/article/details/109261195

版权

Vue 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

这篇博客介绍了JavaScript中的ES6新特性，重点讲解了块级作用域（例如`let`和`const`）如何避免全局变量污染，并通过示例展示了`const`常量对象属性的修改。此外，还探讨了对象字面量的增强写法，如简写属性和方法。在ES5与ES6的对比中，强调了新语法在代码简洁性和可读性上的提升。

摘要由CSDN通过智能技术生成

1：块级作用域

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
 <script>
   //ES5 var 之前if和for都没有块级作用域的概念，所以在很多时候，必须借助function的作用域来解决外面应用外部变量的问题
   //1.变量作用域：变量在什么范围内是可用的
   {
     var name='jordan';
     console.log(name);
   }
   //var 对于块级作用域是没什么作用的，var定义的是全局变量
   console.log(name);

  //在开发中优先使用const，const不允许值被修改
   //const 被定义的时候必须要赋值。
   //const 常量的含义指向的对象不允许被修改，但是可以改变内部值的属性
   const obj={
     name:'刘xx',
     age: 18,
     sex: '男'
   }
   obj.name='王xx';
   console.log(obj);
 </script>
</body>
</html>

02：对象字面量的增强写法

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<script>
  const name='why';
  const age=13;
  //想把上面的常量放到obj中
  //ES5写法
  /*const obj={
    name:name,
    age:age
  }*/
  //ES6写法
  /*const obj={
    name,age
  }*/

  //函数定义的写法
  //es5写法
  /*const method={
    eat:function(){

    },
    drink:function(){

    }
  }*/
  //es6写法
  const method={
    eat(){

    },
    dirnk(){

    }
  }
  console.log(obj);
</script>
</body>
</html>