es6学习笔记(一)let、const

简介: es6学习笔记(一)let、const

最近在研究低代码,简单的已经会了,但是稍微复杂一点的功能就都得靠写代码,而模板给提供的示例代码又看不懂,好心塞,于是重新学习一下es6吧,记录一下学习的过程。

学习的路径非常简单,如果你需要入门一门你不知道的技术,那首先需要承认自己是菜鸟,那菜鸟最好的学习途径就是学习菜鸟教程,好了,教程给你:菜鸟教程

那么就开始和笔者一起作为菜鸟一样开始学习吧,让笔者这只老菜鸟带领着你们这些新菜鸟一起扑腾扑腾往前飞吧。

安装nodejs

要学习es6那你电脑上nodejs安装是必不可少的,百度一下,把nodejs安装好

运行示例代码的工具

菜鸟刚开始学习,我建议从cmd开始,不要一上手就是IDE,我们只是先要学习基本的语法,有了概念你再去开车呗。

快捷键 win+R,输入cmd,打开我们古老的dos

然后在黑窗口里输入node这个命令开启代码模式

然后就切换到代码模式了,这样我们就可以输入代码了

let

作用域

然后我们学习一下最基本的let命令,它这个是用来定义变量名的,我们传统的js是用var定义变量名,一旦命名就全局都生效了,有时候就不太好,所以新的es6语法使用let来定义变量,保持局部有效

我们在大括号里定义的变量,只在大括号里生效,如果离开之后再访问就会报错,提示a未定义,那如果我们换成var呢?

看到没离开之后a变量还生效,这样在程序调用的时候就可能发生一些意想不到的错误。

变量唯一

第二个特性是let保证变量只允许声明一次,第二次重复声明就会报错

但是var 就可以重复定义变量

教程里又给了第二个示例代码,展示在循环中使用var和let的区别,使用var

代码照着教程敲就可以,我遇到的问题是可能漏掉一个}程序就会不执行,输入的时候仔细对一下就行,执行结果是全部是10,不是我们想要的,如果换成let呢

换成let就对了,所以能用let的地方还是尽量用let定义变量,以免不必要的错误发生

教程中还讲了变量提升的概念

未定义就使用会报错,如果使用var的话就不会报错。

const

const关键字用来声明静态变量,一旦赋值就不允许改变,声明时不赋值会报错

这个地方报错倒是我没想到的地方,在代码块内使用未赋值的静态变量会报错

教程的最后部分解释了指针的问题,这个在C语言中是一种常见的概念,所谓指针就是指向内存中的一个地址,如果const定义基本类型变量,就不允许内存中的地址的内容发生改变,如果声明为复杂类型如对象,只是指针不允许修改,对象的值还允许修改。这一段话还挺难理解的,所以我一般就记住用const来声明常量就好了。

总结

其实教程上这一章主要讲了两个语法,let和const,我们只要记得他们是用来定义变量的就行,一个是定义局部变量,一个是定义常量,当然为了讲明白,教程还和var进行了对比,也是需要我们记忆的知识点。

相关文章
|
1月前
ES6中的var,let,const
ES6中的var,let,const
|
3月前
|
安全 JavaScript 前端开发
ES6 中 let 与 const命令
ES6 中 let 与 const命令
|
6月前
|
JavaScript 前端开发 编译器
关于 Angular 应用里的 export declare const X Y 的用法
关于 Angular 应用里的 export declare const X Y 的用法
33 0
|
8月前
|
JavaScript 前端开发 安全
ES6(let和const命令)
ES6(let和const命令)
48 0
|
10月前
|
自然语言处理 JavaScript 前端开发
每天3分钟,重学ES6-ES12(二)var let const的选择
每天3分钟,重学ES6-ES12(二)var let const的选择
65 0
|
JavaScript 前端开发
ES6——let、const
ES6——let、const
91 0
|
JavaScript 前端开发
【ES6】 let与const详解
【ES6】 let与const详解
ES6 从入门到精通 # 02:let 和 const 命令
ES6 从入门到精通 # 02:let 和 const 命令
56 0
ES6 从入门到精通 # 02:let 和 const 命令
|
JavaScript
ES6中let与const的区别
ES6中let与const的区别

热门文章

最新文章