26-尚硅谷-尚医通-前端知识点-ES6语法-定义变量

各位同学大家好，欢迎收看上硅谷视频课程，下面我们继续来学习前端的基础知识，刚才呢，咱们安装了white code，包括演示了它的最基本使用，那我们下面再来讲现单中的第一个基础知识，那就是E3维SCRIPT6再来讲这个内容。那这个内容中呢，我们要讲什么？给个位三自我介绍，首先第一个我先说明什么是一米六，简称颜六，然后它跟javascript有什么关系，以及它的基本语法，比如说通过YES6怎么定义变量。怎么声明常量，怎么做这个赋值，包括怎么定义对象，怎么里边用那个箭头函数等等这些，这给各位会做一个说明，那咱们下面就来具体看一下，首先我们看第一个什么是E6。然后咱们看到E36.0，简称叫IT6，注意这句话说的很重要。

他说的是扎U语言的一个什么下一代标准，就是它是一套标准，是在2015年6月正式发布的，他的目标是什么？使这个扎va求语言可以用来编写复杂的大型用程序，成为几械级开发语言，也就是说ES6简称就是一种规范，或者说一套标准，我们写的代码都要遵循这种规范进行这么一个实现，这是它一个说明。然后这个ES6跟扎有什么关系呢？给各位说一下，这里边啊有一段历史给各位快速说一下。首先呢，在1996年11月的份时候呢，由这个公司叫王景公司，他创造了这个扎斯佩，后来呢，他会让扎能做一个统一的规范标准，把它交了一个组织，这组织就叫EMA，这组织叫做欧洲计算机联合会，由他制定一个国际标准。

然后这是当时的第一个版本叫ES1的版本，后来随着发展，直到2015年发展出了E6类版本。所以你可以这么理解，ES6是一种规范，一种标准，而扎va table是它的一种具体实现，而它的标准中不仅只有Java，还有其他的S语言。是扎是我们用的最多的，所以这是关于它的一个基本介绍，也如各位记住，ES6是一种规范，我们写的扎是它一种具体的实现，这是关于它的一个基本介绍，而咱现在用的就是ES6来编写代码，因为它编写代码会更加简洁，更加方便。那这个介绍之后呢，咱们先说一下ES6中的最基本的语法，首先我们看第一个语法，就是通过ES6该怎么去定义变量，给各位来说一下，比如我写一下第一个。ES6。

如何来定义变量，包括它的特点有哪些？那咱们来详细看一下，各位同学应该知道我们在Java索里边怎么定义变量，或者说Java索中用哪个关键字定义变量。是这个what，而在六中呢，有一个新的关键词，这个关键词叫like，用它引的定义变量，但是这两定义变量有它的区别，你用Y定义它没有什么局部的作用域，你在这里面都能用，但light定义之后，只能在你作用范围中才能使用，而Y定变量你可以多次声明，但是light只能声明一次，那我下面把这个特点给各位来演示一下，咱们看一下颜六中怎么来定义变量。那我现在这么来做，首先我在里边呢，比如说我就建个文件夹，用这个来创建，就是这个按钮文件夹我就叫ES6。

然后在文件夹中呢，比如现在我先写第一个文件，我们就叫零一啊，比如说我就起个中文了，就叫定义变量点HTL，这是咱写的第一个，然后写完之后呢，在里边写一段最基本的二条代码，那我们写一个结构，这写法怎么做呢？在工具中啊，有个快捷键，就是你写上感叹号。提示，然后你点它，你看是不是出现了一段H代码，然后在里边我们写一下这个定义，因为它是一段Java代码，所以咱们来一个square这么一个标签，在标签中呢，我们可以定义。变量，而定义变量，如果说用咱们传统方式，我们肯定写个Y，比如说A等于一，是这么定义，如果你用E6，那咱来一个let，比如来一个B等于二，这是我们的定义方式，但是这两定义有个区别，大家注意，比如说你看我这么做啊，我现在呢，把这两变量定义到一个块的这个里边来。

就是一段代码块中，然后D之后呢，我在大小块外面把这变量A和变量B做个输出，那我们输出一下，用这个conso.log在控制台会输出第一个我输出A，然后第二个我来输出这个B。cons.log加上一个B，所以这样的话我们就完成了一个基本定义，用Y定义和外定义，然后分别在代码块外边把它们做输出，那咱选完之后，现在我通过浏览器访问一下，咱们看一下这个效果是什么样的。我们点击电脑浏览器里边的F12，然后咱看在Co里边，它会有这个输出，比如说咱重新刷新一下，大家看里面就有输出了，第一个一是不是输出了，然后第二个他说这个B怎么样。

Is not半的是没有定义啊，就是他告诉你说这个B这个变量没有定义，为什么没有定义，就是刚才我提到的，因为咱们这个let定义变量有个作用范围，你在代码块中定义，那只能用在代码块中，在外边就不能使用了，所以这是里边的第一个特点，关于ES6中怎么来定义变量，各位法律知道。然后它除了这个之外呢，还有一个特性，Y定义变量可以声明多次，Light只能声明一次，那咱们来试一下，我说一下什么意思。比如现在我在下面，我先用Y来个M等于一。再来一个YM等于二。大家看我是并义两次，同样的方式，我把light做定义，比如light n等于十，然后light n等于20，大家看咱们做定义，然后定义之后呢，我把它做一个输出，分别输出M。

还有这个N。那各位同学可以猜一下，你说现在我这要执行的话。它最终什么效果？如果说咱咱们Java里边，那肯定是M是二，N是20嘛，但是现在我们是JS里边分别用Y定义和Y的定义，咱们看它会有什么样的结果，那我们来试一下啊，我把F12点开，大家看里面的告诉我们一个段提示，这个提示。说这个N呢，已经被定义了，也就是说啊，你写的这一行代码的时候，它就报错了，因为你N已经定义过了，你不能再定义第二次，而Y是可以的，所以这是关于在E6中怎么来定义变量，它就是这么一个特点，首先我们定义它有一个作用范围，第二个let定义，你不能定义多次，只能定义一次，如果定义多次，它提示你说这个已经被定义了。

这是关于咱们说的E6中如何定义变量。