ES6常用语法

ES6常用语法

1.1变量的定义

  • var定义的变量:只有全局作用域和函数作用域;
  • let定义的变量:  有全局作用域和函数作用域,块级作用域{};
  • let定义的变量不能重复定义;
  • let定义没有变量提升;

1.2const定义变量

  • 没有变量提升的概念;
  • 不能重复定义;
  • 带来了块级作用域;
  • 定义之后不能修改;
  • 定义的时候必须赋值;

1.3模板字符串

  • 用反引号进行字符串的拼接
  • 用${}来存储变量
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div id="app"></div>

</body>
<script>
    let oDiv = document.getElementById('app');

    let name1 = 'zjh1';
    let name2 = 'zjh2';

    oDiv.innerHTML = `
    <h1>hello vue ${name1}</h1>
    <h2>hello vue ${name2}</h2>
    `
</script>
</html>

1.4数据的结构和赋值

ES6允许按照一定的模式，从数组或对象中提取值，对变量进行赋值，这种方式被称为解构赋值。

  • 数组的解构和赋值;
<script>
    let ary = [1,2,3];
    let [a,b,c] = ary;
</script>

 

  • 对象的解构和赋值;
<script>
    let {x, y} = {x: 10, y: 20};
</script>

 

  • 简单的用途:数据的交换和赋值

 

posted @ 2018-12-20 16:14  zhaijihai  阅读(199)  评论(0)  编辑  收藏  举报