diff --git a/05-JavaScript之ES6语法/04-ES6:变量let、const和块级作用域.md b/05-JavaScript之ES6语法/04-ES6:变量let、const和块级作用域.md new file mode 100644 index 0000000..d318fcb --- /dev/null +++ b/05-JavaScript之ES6语法/04-ES6:变量let、const和块级作用域.md @@ -0,0 +1,268 @@ +## ES6 的变量声明 + +ES6 中新增了 let 和 const 来定义变量: + +- `var`:ES5 和 ES6 中,定义**全局变量**(是 variable 的简写)。 + +- `let`:定义**局部变量**,替代 var。 + +- `const`:定义**常量**(定义后,不可修改)。 + +### var:全局变量 + +看下面的代码: + +```javascript +{ + var a = 1; +} + +console.log(a); //这里的 a,指的是 区块 里的 a +``` + +上方代码是可以输出结果的,输出结果为 1。因为 var 是全局声明的,所以,即使是在区块里声明,但仍然在全局起作用。 + +再来看下面这段代码: + +```javascript +var a = 1; +{ + var a = 2; +} + +console.log(a); //这里的 a,指的是 区块 里的 a +``` + +上方代码的输出结果为 2 ,因为 var 是全局声明的。 + +**总结:** + +用 var 定义的全部变量,有时候会污染整个 js 的作用域。 + +### let:定义局部变量 + +举例 1: + +```js +{ + let a = 'hello'; +} +console.log(a); // 打印结果报错:Uncaught ReferenceError: a is not defined +``` + +上方代码,打印报错。 + +举例 2: + +```javascript +var a = 2; +{ + let a = 3; +} + +console.log(a); // 打印结果:2 +``` + +通过上面两个例子可以看出,用 let 声明的变量,只在局部(块级作用域内)起作用。 + +let 是防止数据污染,我们来看下面这个 **for 循环**的例子,很经典。 + +1、用 var 声明变量: + +```javascript +for (var i = 0; i < 10; i++) { + console.log('循环体中:' + i); // 每循环一次,就会在 { } 所在的块级作用域中,重新定义一个新的 i +} + +console.log('循环体外:' + i); +``` + +上方代码可以正常打印结果,且最后一行的打印结果是 10。说明循环体外定义的变量 i,是在全局起作用的。 + +2、用 let 声明变量: + +```javascript +for (let i = 0; i < 10; i++) { + console.log('循环体中:' + i); +} + +console.log('循环体外:' + i); +``` + +上方代码的最后一行无法打印结果,也就是说打印会报错。因为用 let 定义的变量 i,只在`{ }`这个**块级作用域**里生效。 + +**总结:**我们要习惯用 let 声明,减少 var 声明带来的**污染全局空间**。 + +为了进一步说明 let 不会带来污染,需要说明的是:当我们定义了`let a = 1`时,如果我们在同一个作用域内继续定义`let a = 2`,是会报错的。 + +### const:定义常量 + +在程序开发中,有些变量是希望声明后,在业务层就不再发生变化,此时可以用 const 来定义。 + +举例: + +```javascript +const name = 'smyhvae'; //定义常量 +``` + +用 let/const 声明的变量,只在局部(块级作用域内)起作用。 + +### let 和 const 的作用【重要】 + +let 和 const 的作用如下: + +- 禁止重复声明 + +- 支持块级作用域 + +- 控制修改 + +相反, 用`var`声明的变量:可以重复声明、**没有块级作用域**、不能限制。 + +### for 循环举例【经典案例】 + +**代码 1**、我们先来看看如下代码:(用 var 定义变量 i) + +```html + + + + + + + Document + + + + + + + + + + +``` + +上方代码中的运行效果如下: + +![](http://img.smyhvae.com/20190904_1030.gif) + +你可能会感到诧异,为何点击任何一个按钮,弹出的内容都是 4 呢?这是因为,我们用 var 定义的变量 i,是在全局作用域声明的。整个代码中,自始至终只有一个变量。当我们还没点击按钮之前,变量 i 已经循环到 4 了。 + +也就是说,上面的 for 循环,相当于如下代码: + +```javascript +var i = 0; +myBtn[0].onclick = function () { + alert(i); +}; +i++; + +myBtn[1].onclick = function () { + alert(i); +}; +i++; + +myBtn[2].onclick = function () { + alert(i); +}; +i++; + +myBtn[3].onclick = function () { + alert(i); +}; +i++; // 到这里,i 的值已经是4了。因此,当我们点击按钮时,i的值一直都是4 +``` + +**代码 2**、上面的代码中,如果我们改为用 let 定义变量 i: + +```html + + + + + + + Document + + + + + + + + + + +``` + +上方代码中的运行效果如下: + +![](http://img.smyhvae.com/20190904_1040.gif) + +上面这个运行结果,才是我们预期的效果。我们用 let 定义变量 i,在循环的过程中,每执行一次循环体,就会诞生一个新的 i。循环体执行 4 次,就会有四个 i。 + +## 暂时性死区 DTC + +ES6 规定:使用 let/const 声明的变量,会使区块形成封闭的作用域。若在声明之前使用变量,就会报错。 + +也就是说,在使用 let/const 声明变量时,**变量需要先声明,再使用**(声明语句必须放在使用之前)。这在语法上,称为 “暂时性死区”( temporal dead zone,简称 TDZ)。 + +DTC 其实是一种保护机制,可以让我们养成良好的编程习惯。 + +代码举例: + +```js +const name = 'qianguyihao'; + +function foo() { + console.log(name); + const name = 'hello'; +} + +foo(); // 执行函数后,控制台报错:Uncaught ReferenceError: Cannot access 'name' before initialization +``` + +## 块级作用域 + +### var/let/const 的共同点 + +var/let/const 的共同点是: + +(1)全局作用域中定义的变量,可以在函数中使用。 + +(2)函数中声明的变量,只能在函数及其子函数中使用,外部无法使用。 + +至于 var/let/const 的区别,我们继续往下看。 + +### var/let/const 的qubie + +使用 var 声明的变量存在于最近的函数或全局作用域中,**没有块级作用域的机制**。没有块作用域很容易造成全局污染。 + +## 参考链接: + +- [阮一峰 | ECMAScript 6 入门](http://es6.ruanyifeng.com/) + +## 我的公众号 + +想学习**代码之外的技能**?不妨关注我的微信公众号:**千古壹号**(id:`qianguyihao`)。 + +扫一扫,你将发现另一个全新的世界,而这将是一场美丽的意外: + +![](http://img.smyhvae.com/2016040102.jpg) diff --git a/05-JavaScript之ES6语法/04-ES6:变量let和const.md b/05-JavaScript之ES6语法/04-ES6:变量let和const.md deleted file mode 100644 index ed05642..0000000 --- a/05-JavaScript之ES6语法/04-ES6:变量let和const.md +++ /dev/null @@ -1,264 +0,0 @@ - - -## ES6 的变量声明 - -ES6 中新增了 let 和 const 来定义变量: - -- `var`:ES5 和 ES6中,定义**全局变量**(是variable的简写)。 - -- `let`:定义**局部变量**,替代 var。 - -- `const`:定义**常量**(定义后,不可修改)。 - -### var:全局变量 - -看下面的代码: - -```javascript - { - var a = 1; - } - - console.log(a); //这里的 a,指的是 区块 里的 a -``` - -上方代码是可以输出结果的,输出结果为 1。因为 var 是全局声明的,所以,即使是在区块里声明,但仍然在全局起作用。 - -再来看下面这段代码: - -```javascript - var a = 1; - { - var a = 2; - } - - console.log(a); //这里的 a,指的是 区块 里的 a -``` - -上方代码的输出结果为 2 ,因为 var 是全局声明的。 - -**总结:** - - 用 var 定义的全部变量,有时候会污染整个 js 的作用域。 - -### let:定义局部变量 - -举例1: - -```js - { - let a = 'hello'; - } - console.log(a); // 打印结果报错:Uncaught ReferenceError: a is not defined -``` -上方代码,打印报错。 - -举例2: - -```javascript - var a = 2; - { - let a = 3; - } - - console.log(a); // 打印结果:2 -``` - -通过上面两个例子可以看出,用 let 声明的变量,只在局部(块级作用域内)起作用。 - -let是防止数据污染,我们来看下面这个 **for 循环**的例子,很经典。 - -1、用 var 声明变量: - -```javascript -for (var i = 0; i < 10; i++) { - console.log('循环体中:' + i); // 每循环一次,就会在 { } 所在的块级作用域中,重新定义一个新的 i -} - -console.log('循环体外:' + i); -``` - -上方代码可以正常打印结果,且最后一行的打印结果是10。说明循环体外定义的变量 i,是在全局起作用的。 - -2、用let声明变量: - -```javascript -for (let i = 0; i < 10; i++) { - console.log('循环体中:' + i); -} - -console.log('循环体外:' + i); - -``` - -上方代码的最后一行无法打印结果,也就是说打印会报错。因为用 let 定义的变量 i,只在`{ }`这个**块级作用域**里生效。 - -**总结:**我们要习惯用 let 声明,减少var声明带来的**污染全局空间**。 - -为了进一步说明 let 不会带来污染,需要说明的是:当我们定义了`let a = 1`时,如果我们在同一个作用域内继续定义`let a = 2`,是会报错的。 - -### const:定义常量 - -在程序开发中,有些变量是希望声明后,在业务层就不再发生变化,此时可以用 const 来定义。 - -举例: - -```javascript -const name = 'smyhvae'; //定义常量 -``` - -用 let/const 声明的变量,只在局部(块级作用域内)起作用。 - -### let 和 const 的作用【重要】 - -let 和 const 的作用如下: - -- 禁止重复声明 - -- 支持块级作用域 - -- 控制修改 - -相反, 用`var`声明的变量:可以重复声明、**没有块级作用域**、不能限制。 - -### for循环举例【经典案例】 - -**代码1**、我们先来看看如下代码:(用 var 定义变量 i) - -```html - - - - - - - Document - - - - - - - - - - -``` - -上方代码中的运行效果如下: - -![](http://img.smyhvae.com/20190904_1030.gif) - -你可能会感到诧异,为何点击任何一个按钮,弹出的内容都是4呢?这是因为,我们用 var 定义的变量 i,是在全局作用域声明的。整个代码中,自始至终只有一个变量。当我们还没点击按钮之前,变量 i 已经循环到4了。 - -也就是说,上面的 for 循环,相当于如下代码: - -```javascript - var i = 0; - myBtn[0].onclick = function() { - alert(i); - }; - i++; - - myBtn[1].onclick = function() { - alert(i); - }; - i++; - - myBtn[2].onclick = function() { - alert(i); - }; - i++; - - myBtn[3].onclick = function() { - alert(i); - }; - i++; // 到这里,i 的值已经是4了。因此,当我们点击按钮时,i的值一直都是4 -``` - - -**代码2**、上面的代码中,如果我们改为用 let 定义变量 i: - -```html - - - - - - - Document - - - - - - - - - - -``` - -上方代码中的运行效果如下: - -![](http://img.smyhvae.com/20190904_1040.gif) - -上面这个运行结果,才是我们预期的效果。我们用 let 定义变量 i,在循环的过程中,每执行一次循环体,就会诞生一个新的 i。循环体执行4次,就会有四个 i。 - - -## 暂时性死区 DTC - -ES6规定:使用 let/const 声明的变量,会使区块形成封闭的作用域。若在声明之前使用变量,就会报错。 - -也就是说,在使用 let/const 声明变量时,**变量需要先声明,再使用**(声明语句必须放在使用之前)。这在语法上,称为 “暂时性死区”( temporal dead zone,简称 TDZ)。 - -DTC其实是一种保护机制,可以让我们养成良好的编程习惯。 - -代码举例: - - -```js -const name = 'qianguyihao'; - -function foo() { - console.log(name); - const name = 'hello'; -} - -foo(); // 执行函数后,控制台报错:Uncaught ReferenceError: Cannot access 'name' before initialization -``` - -## 块级作用域 - - - - -## 参考链接: - -- [阮一峰 | ECMAScript 6 入门](http://es6.ruanyifeng.com/) - -## 我的公众号 - -想学习**代码之外的技能**?不妨关注我的微信公众号:**千古壹号**(id:`qianguyihao`)。 - -扫一扫,你将发现另一个全新的世界,而这将是一场美丽的意外: - -![](http://img.smyhvae.com/2016040102.jpg) - - diff --git a/06-JavaScript进阶/01-var、let、const的区别.md b/06-JavaScript进阶/01-var、let、const的区别.md index 4431985..15e69cc 100644 --- a/06-JavaScript进阶/01-var、let、const的区别.md +++ b/06-JavaScript进阶/01-var、let、const的区别.md @@ -61,6 +61,44 @@ foo(); // 执行函数后,控制台报错:Uncaught ReferenceError: Cannot ac 关于”暂时性死区“的更多介绍,详本项目的另一篇文章《ES6:变量》。 +## const 常量能不能被修改 + +我们知道:用 const 声明的变量无法被修改。但还有一点,我们一定要记住: + +- 如果用 const 声明基本数据类型,则无法被修改; + +- 如果用 const 声明引用数据类型(即“对象”),这里的“无法被修改”指的是**不能改变内存地址的引用**;但对象里的内容是可以被修改的。 + +举例1:(不能修改) + +```js +const name = 'qianguyihao'; +name = 'vae'; // 因为无法被修改,所以报错:Uncaught TypeError: Assignment to constant variable +``` + + +举例2:(不能修改) + +```js +const obj = { + name: 'qianguyihao', + age: 28, +}; + +obj = { name: 'vae' }; // 因为无法被修改,所以报错:Uncaught TypeError: Assignment to constant variable +``` + + +举例3:(可以修改) + +```js +const obj = { + name: 'qianguyihao', + age: 28, +}; +obj.name = 'vae'; // 对象里的 name 属性可以被修改 + +``` ## 参考链接 diff --git a/10-Node.js和数据库/MySQL数据库/03-MySQL的基本操作.md b/10-Node.js和数据库/MySQL数据库/03-MySQL的基本操作.md index 701c317..0d3bcbb 100644 --- a/10-Node.js和数据库/MySQL数据库/03-MySQL的基本操作.md +++ b/10-Node.js和数据库/MySQL数据库/03-MySQL的基本操作.md @@ -471,6 +471,15 @@ alter table 表名 modify 现有字段的字段名 现有字段的字段类型 [ alter table t_qiangu1 modify age int after name; ``` +### 修改字段的默认值 + +```sql +# 若本身存在默认值,则先删除 +alter table 表名 alter column 字段名 drop default; + +# 若本身不存在则可以直接设定 +alter table 表名 alter column 字段名 set default 默认值; +``` ### 5、删除字段 > 删除字段的同时,会删除字段对应的数据。删除字段的操作不可逆,请谨慎操作。 diff --git a/15-前端综合/2020-前端日记.md b/15-前端综合/2020-前端日记.md new file mode 100644 index 0000000..aaeabc1 --- /dev/null +++ b/15-前端综合/2020-前端日记.md @@ -0,0 +1,4 @@ +### 2020-06-04-跨域问题 + +如果遇到跨域问题,先尝试下 https 或者 http。跨域不一定是域名问题,也可能是协议头的问题。 +