新增es6说明

This commit is contained in:
maplemei 2019-11-09 13:35:27 +08:00
parent 53521d7854
commit b8c1eff607
7 changed files with 164 additions and 6 deletions

2
dist/static/2.js vendored

File diff suppressed because one or more lines are too long

2
dist/static/3.js vendored

File diff suppressed because one or more lines are too long

8
dist/static/docs.js vendored

File diff suppressed because one or more lines are too long

146
docs/mds/es6.md Normal file
View File

@ -0,0 +1,146 @@
## es6语法说明
:::warning
文档中会存在es6语法, 这里简单说明一下, 其中`IE`不支持`es6`语法
:::
### 概览
- let const
- 模板字符串
- 对象中属性方法简写
- 箭头函数
- 解构
这里只是简单说明, 有兴趣可以看大神<a href="https://es6.ruanyifeng.com/" target="_blank">阮一峰的资料</a>
### let与const
```
//lES6 新增了let命令用来声明变量。它的用法类似于var但是所声明的变量只在let命令所在的代码块内有效。
{
let a = 10;
var b = 1;
}
a // ReferenceError: a is not defined.
b // 1
//const声明一个只读的常量。一旦声明常量的值就不能改变。
const PI = 3.1415;
PI // 3.1415
PI = 3;
// TypeError: Assignment to constant variable.
```
### 模板字符串
```
//模板字符串template string是增强版的字符串用反引号`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。
// 普通字符串
`In JavaScript '\n' is a line-feed.`
// 多行字符串
`In JavaScript this is
not legal.`
console.log(`string text line 1
string text line 2`);
// 字符串中嵌入变量
let name = "Bob", time = "today";
`Hello ${name}, how are you ${time}?`
```
### 对象中属性方法简写
```
//常规写法
var name = 'zs';
var obj = {
name: name,
run: function(){
console.log('haha');
}
}
//简写
let name = 'zs';
let obj = {
name,
run(){
console.log('haha');
}
}
```
### 箭头函数
```
//常规写法
setTimeout(function(){
//...
}, 1000);
//简写
setTimeout(() => {
//...
}, 1000);
```
### 解构
```
//假如现在有一个对象
let obj = {
name: 'zs',
age: 18,
address: 'beijing',
}
//正常获取name
var name = obj.name
//解构写法
let { name } = obj
//也可以多个
let { name, age, address } = obj;
//如果不存在也可以声明默认值
let { name, age, address, status = '1' } = obj;
//想添加一条属性
obj.status = '1';
//对象属性合并
var newObj = {
...obj,
status: '1'
}
//方法传参
function calc(data){
var a = data.a;
var b = data.b;
return a + b;
}
//解构传参
function calc({ a, b }){
return a + b;
}
```
至于更多的就自己去找学习资料吧

View File

@ -0,0 +1,7 @@
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?758a90d7d534804ddd66137da7c9ee69";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();

View File

@ -1,2 +1,3 @@
import './baidu/statistical.js'
import './eleTree/eleTree.js'
import './eleTree/eleTree.css'

View File

@ -103,6 +103,10 @@ export default [{
path: '/question',
name: '常见问题',
component: importMd('/question'),
}, {
path: '/es6',
name: 'es6语法说明',
component: importMd('/es6'),
}, {
path: '/test',
name: '测试',