day03【项目前端相关基础知识一】/06-尚硅谷-谷粒学院-前端技术-es6语法-let定义变量和常量

咱就来学习研六的语法，那语法中怎么来学习，咱就直接通过我们这个工具啊，来进行我们的降温操作啊，那咱们来做一下啊。首先这里边啊，为了明显我在这个位置呢，我就工作区中再来建个文件夹，这个文件夹我就叫ES6。DEMO啊，叫它，然后在研6DEMO中咱来写上这么一些文件，比如我写第一个啊，咱就叫零一.html啊，这是第一个文件，然后在里边咱来做它的相关操作啊，那我们来写代码，就是写的代码啊，就是写我们的Java库代码啊，用这个代码进行实现，那大家要怎么写，这里写一下啊，先写一个最基本的结构，这结构我觉得各位应该都知道啊，我们写个Java，这么就是这么一个标签。然后在这标签里边，咱是不是能写，然后库代码。这个应该熟悉啊，你写这个标签里边写代码，或者你在页面中写一个标签，然后里边就可以加那个叫type什么type等于javascript，但是这个可以省略，写个Java可以了，所以咱们下面在这里边做个演示。

这个要你要知道啊，不要说这个你都忘记了啊，属于前端中最基本的，我们的Java所有代码要写到损绘的标签里边啊，这要明确，然后咱们这个写完之后，第一个给大家来演示什么呢？我说一下啊，咱先演示。在我们的ES6里边，它如何来定义这么一个变量，和它定义那个变量有什么特点啊，再来演示这个东西啊，这是我们要做到的。那这里边问各位啊，问大家一个问题啊，应该是我们之前学到的，我要问什么呢？大家希望各位回答我一下啊，你说我们在javascript里边，咱们怎么定一个变量。就是扎中定义变量，这代码该怎么写？

我觉得各位应该知道啊，如果知道的同学快速给我一个回复，在JS里边怎么定一个变量，这个代码怎么写。啊，我看啊，有同学给我回复了，咱用这个关键字是不是叫哇，就是VR用它是不是来定义啊，就是这么做肯定没有错，不管咱们定义什么，你是数组啊，还是什么类型，咱的统一定义用的是不是都是Y，用这个来定义啊，那比如说简单写一个，然后来一个Y，比如说来一个A。啊，A，然后等于一个十，这是不是一个变量啊，或者说比如我这里边来一个A，咱加个字符串啊，比如来一个字符串什么A，或者说我加个什么，一个true或者false是不是都可以，或者说加个数组也都可以啊，这是我们这词汇中最基本的定义变量方式，建议各位应该知道啊，就是JS中这么来定义。啊，JS里边定义，但是咱们现在呢，因为写的是一个叫ES6的写法，所以大家注意啊，在ES6中定义变量，它里边有一个关键字叫这个关键字。

叫let，就这个light的关键词，用它能定义变量啊，小的位置啊。写个注释啊，然后咱测试在我们的ES6的这个写法里边。它定义变量。我们要使用一个关键字叫这个let，就是let用它来做定义，那这里边啊，写法跟它一样，就是你也是写一个let，比如说A，然后等于这么一个值啊，跟它是一样的，只是说这个写法中有一些区别，跟Y是不一样的啊，那咱就重点看它的区别，写法都是变个关键字就可以了，那什么区别给大家说明啊。这里边咱看我的课件中这里写到，就你用外定义变量没有那个作用范围，但是用let定义的变量是有一个作用范围的，那我来说明啊，咱们来演示。

首先怎么演示呢？比如我这么写啊，我写个大括号。不知各位是否见过啊，如没见过，这应该好理解，咱在Java中是不是有那个叫代码块的DJS里边也可以写代码块啊，那比如说代码块中我定义两变量，第一个用Y定义，我来一个A，比如等于这个叫十啊，这是第一个，然后第二个用let，我来一个B，比如等于这个20，现在大家看啊，我在这个代码块中是不是定义两变量，然后定义之后，比如最后我想把这变量在代码块外边做个输出。啊，我想这么来做。写一下啊，就是第一个咱们创建一个代码块，然后定义变量。啊，代码块，然后定义变量，然后第二个我在这个就是。代码块的外边。

来输出这么一个变量，那比如咱输出怎么输出呢？咱可以来一个alert啊，但是我就不弹出来，你弹出看着太难受了，我换一种输出方式啊，咱这么来输出。叫council log。这个不是各位是否知道啊，如果不知道我特别说一下啊，其实也很好理解，如果说咱比如写个alert。那直接弹个框是不是输出，但我不想弹，因为每次还得点咱用个cons log，那它什么意思，它就表示会在你浏览器那个控制台做输出，比如说你不管是用火狐，谷歌360，在里边都有一个地方叫conso，如果你用中文版，它叫控制台conso.log，它会把信息在这地方做输出啊，这是一个在控制台输出叫conso.log，各位都知道啊，比如咱们输出第一个来个A。然后第二个再写一个，这个叫console.log咱输出一个叫B啊，就这么来演示，那咱来看一下它会有什么样效果啊，注意这个特点啊，我在代码块中分用Y和let定义变量，然后在代码块外边输出了两变量A和B，咱看什么结果啊，那这个咱执行咱们执行刚才说过啊，你直接点右键。

Open with live server，如果说你电脑中配置不好使，那你直接5500，然后再点就可以了，咱们点开L12啊，然后咱们看结果啊。大家看这里边就出现了一个问题啊，咱看什么问题啊，你看第一个就是十输出了，这十是不是有A的值，就是Y的值输出了，但是B的值应该是20，但是它没有输出，它告诉我们什么。看这句话。这里写的很清楚啊，我把这个给大家截过来啊，咱看他给我们一个提示的错误信息，他告诉我们说啊，这个b is not defend，是不是说这个be没有定义啊，为什么没有定义，因为这个light有个特点啊，就是light有它的作用范围。

啊，就赖你。定义的这个变量有它的作用范围，比如说你现在在这个括号里边，就是代码块中定义，那这B只能在代码块中用，你在外边就用不了，你用的话，这些题你说这个b is not DeFine没有定义啊，所以这是它的第一个特点，大家记住啊，跟Y有区别哇，只要你定义在里边，外边都能用，但是light它的范围是有局限性的，你在哪里定义就要在哪里用，在其他地方就用不了。啊，这个咱说的第一个啊，各位把这个知道啊，就是一段基本代码写法都一样，就是加个light，然后这个如果你不知道，你得记住啊，它是在控制台输出，咱打开浏览器，你点你的F12，不管你是360火狐谷歌应该都是F12。点F12之后，下面有一个conso，或者说叫控制台，然后能看到conso.log输出这个内容。

啊，就是这么一个啊，所以咱们第一个做了一个演示啊，就是这么一个light的作用范围，大家把这个记住啊。这个咱们就做了一个说明啊。我们就做到了啊。啊，当然这个文件应该可以改成中文啊，我就改成中文吧，但是实际中肯定不见中文，但是为了各位更看到这个效果，给它改成中文的名字啊。第一个演示就是let那个。变量的作用范围。咱改个中文名的啊。测试都是一样的啊，只是实际中我们不建议用这个啊。为了各位更明显啊，一样的啊。好，这个我们完成了啊，这是咱说的第一个那种light作用的范围。然后这个说完之后啊，大家通过它主要去掌握两点，第一个掌握咱定义变量，除了之前那个就是。What之外还可以用light定定义啊，第一个做到了啊，然后做到之后咱再看啊，Light还一个特点就是light呢，它可以就是你看啊外能声明多次，Light只能声明一次啊，这个快速演示一下啊。

那比如现在我把这个咱就复制一份，然后给它改个名字啊，咱来测试一下啊，这是第二个。名字改一下啊，第二个表示就是light，这个就是。定义变量。啊，它里边那个有一个特点。那咱们看这个啊，第二个，那这个怎么演示，我写一下啊，这个位置，比如现在我用这个Y，我们定义一个变量来一个YA，比如等于这个一。再来一个YB，比如等于这个二。这是Y的定义，那比如说再来一个let，来一个let m，比如等于这个十，再来一个let m，呃，都是A啊，这个A等于二，再来一个light m等于这个20，这是我定义的变量，大家看啊，咱分别用Y和light把这个相同性变量是不是定义两侧，然后定义之后下面我还是做个输出，用console.log。

咱输出啊，第一个输出这个A，第二个输这个。把两个咱们都输出一下啊。这是两值，然后都输入之后，咱们来看一下它会有什么样的效果。啊，咱们看一下啊，这个结果我把这个执行，咱还是F12打开控制台大家看啊，里边它报了一个错误，这个错误。我把这个拿过来啊。然后这个错误是什么呢？其实这行没有错，它这里写到啊，说这个M已经被是定义了，也就是说啊，咱用这个就是Y的时候，你定义多个相同名称变量是没有问题的，但是你用net的话，你的相同名称变量只能定义一次，就是第一次M，你再定M它就报错了，说这个M没有被，就是已经被定义，你再执行你这行就错了，下面就没有输出啊，所以这是它的第二个特点，就关于light关键字。

这个啊咱就说完了，所以各位得记住啊，应该不是什么难点啊，主要就是第一个定义变量有作用范围，第二就是let不能多次定义相同名称变量。这个啊，我们就演示了啊，然后这个演示之后，下面还有一个就是关于这里边那个ES6中常量的特点，给大家啊也做个演示常量嘛，一般咱们啊，就是一些固定的值写成常量。我写到这个位置啊，我再来创建一个文件，比如我叫零三啊，就是常量点HTML。啊，点。啊，这个点啊，然后创建之后在里边我也是写一段Java写会代码。啊，然后说一下这个该怎么做，首先比如我们现在要定义这么一个常量，在我们的颜六中怎么做，用关键字，这个关键字叫cost啊，Consd cost，然后里边做一个定义，那比如说现在我定一下啊。

呃，哪去了这个啊，咱来一个叫constant，比如说这个常量，我起个名字叫ti，就咱说那个圆周率那个啊，然后里边比如写个值，就这个3.14。啊，就这个值，什么159265358，什么388246等等啊，这是一个T，那我定义之后啊，现在这常量就完成定义大，这常量定义中，在这个颜六中有个特点啊，就是你常量定义之后，这个值是不能再改变的，比如我现在做改变。我来一个PI是等于这个三。啊，等于一个三，那这个值应该就会发生变化，因为它默认这个值，但你给它做了一个改变啊，这样的话不可以的，咱一会儿来做个测试啊，这是第一个，然后第二个就是你在定义常量的时候，这常量一旦定义必须要进行初始化，就是你不能只有名字，不能没有值，没有值的话它也会报错。

啊，那我们也试一个啊，就定义常量，我先写这个效果，先写这个特点，然后咱再测试啊。就是你的常量值一旦进行定义，那就不能再改变了，然后第二个就是我们定义常量，必须给它做一个初始化，就必须有值。啊，没有值，它也会报错，比如我们来一个count，假如我叫A。这么做有问题啊，那咱来测试一下啊，先测第一个这个值3.1415，然后给他改了一个值叫三，咱看结果啊。我来执行。到里边F12，大家看这里就报错了啊，就这个值。他报的错误的意思就是你现在这常量它的值是不能被改变的，因为咱们改成了三，这就不对了啊，这是第一个啊，然后咱看第二个就是常量定义的话，这常量必须有个值，我现在这个没有值，那咱们到里边试一下。

他也报了错，就这个啊。然后这个错给大家复制过来。就这句话。就是他啊，我觉得这些单词各位应该能看懂啊，就像你看不懂，应该看一些我们认知的单词，就是这个单词。Miss。是不是缺少缺失啊，In need是不是初始化呀，也就说你现在这个常量定义没有缺少初始化的值，所以这个它也会报错啊，这个是咱说的常量的特点啊，就是两个基本演示啊，就是基本的语法啊，没有特别的各位给他知道啊，快速重一遍light特有作用范围，Let不能定义多个重复变量，然后这个常量它里边值不能改变，常量要定义必须做个赋值，就必须做初始化。啊，主要这么几个基本语法。

咱们快。