ES6

块级绑定

块级声明是让声明的变量在指定块的作用域外无法被访问。块级作用域(又被称为词法作用域)在如下情况被创建:

  1. 在一个函数内部
  2. 在一个代码块(由一对花括号包裹)内部
let声明

let声明的语法与var的语法一致。你基本上可以用let代替var进行变量声明,但会将变量的作用域限制在当前代码块中。由于let声明并不会被提升到当前代码块的顶部,因此你需要手动将let声明放置到顶部,以便让变量在整个代码块内部可用

let作用域:花括号内

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述


禁止重复声明

var 定义重复的变量不会报错 而是覆盖 但是let定义重复变量则会报语法错 不会覆盖

在这里插入图片描述

SyntaxError: Identifier ‘a’ has already been declared语法错误:a已经被声明了

let在嵌套语句中可以定义花括号外部已经定义的变量名

在这里插入图片描述


常量声明

ES6中可以定义一个常量用const 他们的值被设置后是不会将其改变

所有的const变量都需要在声明时候初始化

正确的定义方式

在这里插入图片描述


常量声明与let声明对比

常量声明和let声明都是块级声明

在这里插入图片描述

二者不能重复定义变量

不能在同一作用域声明同一变量 否则 语法错误

const定义的变量不能再次被赋值 js的常量是一个对象,它包含的值是无法修改的


暂时性死区

使用let或const声明的变量,在达到声明处之前都是无法访问的,试图访问会导致一个引用错误,即使在通常是安全的操作时(例如使用typeof运算符)也是如此

在这里插入图片描述

使用let或const声明的变量,若试图在定义位置之前使用它,无论如何都不能避免暂时性死区。而且像上面的影响了通常安全的typeof运算符。然而,你可以在变量被定义的代码块之外对该变量使用typeof,尽管结果可能并非预期

在这里插入图片描述

当typeof运算符被使用时,value并没有在暂时性死区内,因为这发生在定义的a之外,这意味此时并没有绑定的a变量,而typeof仅单纯返回了“undefined”

暂时性死区只是会计绑定的一个独特的表现,而另一个独特表现则是在循环使用它


循环中的块级绑定

在这里插入图片描述

在js中循环结束后i仍然可被访问,因为var声明导致了变量提升。若使用let:

在这里插入图片描述


循环内的函数

IIFE: Immediately Invoked Function Expression,意为立即调用的函数表达式,也就是说,声明函数的同时立即调用这个函数

var的特点使得循环变量在循环作用域之外仍然可被访问,于是在循环内创建函数就变得很有问题

在这里插入图片描述

因为变量i在循环的每次迭代( 每一次对过程的重复称为一次“迭代”,而每一次迭代得到的结果会作为下一次迭代的初始值 )中都被共享了,意味着循环内创建的那些函数都拥有对于同一变量的引用。在循环结束后变量i的值会是10,因此当console.log(i)被调用时每次都打印10

循环内使用立即调用函数表达式(IIFE)以便在每次迭代中 强制创建变量的一个新副本

在这里插入图片描述

在使用let和const的块级绑定可以在ES6中可以简化这个循环

let声明通过有效的模仿IIFE的作用而简化了循环。在每次的迭代中,都会创建一个新的同名变量并对其进行初始化。这意味着你可以完全省略 IIFE而获得预期的结果,就像这样

在这里插入图片描述


总结

let:

  1. 块级作用域的特点

  2. 没有变量声明前置的问题

  3. 在同一个块级作用域中,不能重复声明变量

  4. 嵌套作用域中, 可以重复声明变量

  5. let/const: 对全局变量中的属性起到一个屏蔽(不是覆盖也不是替换)的作用

  6. 闭包的快速解决办法(块级作用域的问题)

const:

  1. 常量不能被修改(注意对象属性的引用问题)

  2. 常量在定义的时候, 必须被初始化

  3. for 循环中 可以使用const,

​ 只要不修改就行(比如: for in 遍历对象的时候)


函数

带默认参数的函数

ES5中的参数默认值

在这里插入图片描述

ES6中的参数默认值

在这里插入图片描述

参数默认值影响arguments对象

在ES5,非严格模式下arguments 对象会反映出具名参数的变化。

在这里插入图片描述
在es5中非严格模式下 arguments对象总是会被更新以反映出剧名参数的变化。变量赋新值后arguments[0],argunments[1]相应的更新所以结果为 true

若同样的代码则在严格模式下就后两个结果为flas

用node 搭建服务器

创建空文件夹

启动终端 将文件夹 初始化成项目文件夹 npm init

初始化之后文件夹里有个package.json文件

package.json文件里面有个main :主入口

在文件夹创建主入口文件

并在主入口文件下写:

const Koa = require('koa');
const app = new Koa();

app.use(async ctx => {
  ctx.body = 'HOELL WORLD';
});
console.log("服务器端口3000  已部署")
app.listen(3000);

终端在文件夹下安装并保存安装信息

–save :保存安装信息

cnpm intall koa --save

在终端启动node 主入口.js

终端在文件夹下安装并保存安装信息

–save :保存安装信息

cnpm intall koa --save

在终端启动node 主入口.js

在浏览器查看

localhost:3000

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值