块级绑定
块级声明是让声明的变量在指定块的作用域外无法被访问。块级作用域(又被称为词法作用域)在如下情况被创建:
- 在一个函数内部
- 在一个代码块(由一对花括号包裹)内部
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:
-
块级作用域的特点
-
没有变量声明前置的问题
-
在同一个块级作用域中,不能重复声明变量
-
嵌套作用域中, 可以重复声明变量
-
let/const: 对全局变量中的属性起到一个屏蔽(不是覆盖也不是替换)的作用
-
闭包的快速解决办法(块级作用域的问题)
const:
-
常量不能被修改(注意对象属性的引用问题)
-
常量在定义的时候, 必须被初始化
-
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