vue.js 之网易课程2 (let和const命令)

vue.js 之网易课程2 (let和const命令)_第1张图片
创建项目所有的都是yes的时候,修改代码出现了问题

从上面的信息可以看出来,都是eslint这个库出现了问题,应该是代码质量的问题;
ps:解决方案就是在创建代码的时候,不用安装eslint。

还有一个问题,一个项目曾经是可以的,但是今天运行出现了问题 ====> 端口被占用;
解决方案:
lsof -i tcp:8080
然后使用:kill -9 pid 将8080端口占用的进程杀掉。
mac 上查看端口是否被占用(这里是8080端口)

vue.js 之网易课程2 (let和const命令)_第2张图片
默认的端口8080被占用

vue.js 之网易课程2 (let和const命令)_第3张图片
加入一个警告的代码

vue.js 之网易课程2 (let和const命令)_第4张图片
显示结果

注意: 在创建项目的时候不要有eslint这个东东;

1、


vue.js 之网易课程2 (let和const命令)_第5张图片
代码中添加这一块代码

没有显示结果:
对于可能出现的错误,我们我可以在浏览器上的“检查”进行查看可能出现的错误的内容;


vue.js 之网易课程2 (let和const命令)_第6张图片
浏览器的console中显示错误的结果
将let改为var结果显示正确

var 在代码快中声明是全局,let声明只有在代码快中有效。

1) 第一条属性;
let 声明的变量只在变量声明时所在的代码块内有效。

2、


vue.js 之网易课程2 (let和const命令)_第7张图片
对a变量进行声明2次

vue.js 之网易课程2 (let和const命令)_第8张图片
显示结果

vue.js 之网易课程2 (let和const命令)_第9张图片
再次对代码进行修改

(这个时候alert(a)中的a获得值为3)
2)第二条属性:
let不允许在同一作用域内多次声明;

3、


vue.js 之网易课程2 (let和const命令)_第10张图片
将内层中的a声明为var a = 5

vue.js 之网易课程2 (let和const命令)_第11张图片
结果

上面var生命的变量的作用域是全局的,所以和全局的let的a的变量冲突(同一个a)

vue.js 之网易课程2 (let和const命令)_第12张图片
这样是正确的,let声明的变量可以进入子作用域

3)第3条属性
let 与全局变量的声明

const命令的其他属性和let是一样的;
不同之处在于:const声明的是常量,不可以进行改变;


vue.js 之网易课程2 (let和const命令)_第13张图片
错误的代码

你可能感兴趣的:(vue.js 之网易课程2 (let和const命令))