新增es6说明
This commit is contained in:
parent
53521d7854
commit
b8c1eff607
2
dist/static/2.js
vendored
2
dist/static/2.js
vendored
File diff suppressed because one or more lines are too long
2
dist/static/3.js
vendored
2
dist/static/3.js
vendored
File diff suppressed because one or more lines are too long
8
dist/static/docs.js
vendored
8
dist/static/docs.js
vendored
File diff suppressed because one or more lines are too long
146
docs/mds/es6.md
Normal file
146
docs/mds/es6.md
Normal 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;
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
至于更多的就自己去找学习资料吧
|
7
docs/plugins/baidu/statistical.js
Normal file
7
docs/plugins/baidu/statistical.js
Normal 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);
|
||||||
|
})();
|
@ -1,2 +1,3 @@
|
|||||||
|
import './baidu/statistical.js'
|
||||||
import './eleTree/eleTree.js'
|
import './eleTree/eleTree.js'
|
||||||
import './eleTree/eleTree.css'
|
import './eleTree/eleTree.css'
|
@ -103,6 +103,10 @@ export default [{
|
|||||||
path: '/question',
|
path: '/question',
|
||||||
name: '常见问题',
|
name: '常见问题',
|
||||||
component: importMd('/question'),
|
component: importMd('/question'),
|
||||||
|
}, {
|
||||||
|
path: '/es6',
|
||||||
|
name: 'es6语法说明',
|
||||||
|
component: importMd('/es6'),
|
||||||
}, {
|
}, {
|
||||||
path: '/test',
|
path: '/test',
|
||||||
name: '测试',
|
name: '测试',
|
||||||
|
Loading…
x
Reference in New Issue
Block a user