前端学习3-4

2022-08-29 08:57 ly772186472 阅读(29) 评论(0) 收藏举报

5、声明对象简写

let username = 'Tom'
2
let age = 2
3
let sing = function () {
4
  console.log('I love Jerry')
5
}
6
7
// 传统
8
let person1 = {
9
  username: username,
10
  age: age,
11
  sing: sing,
12
}
13
console.log(person1)
14
person1.sing()
15
16
// ES6：这样的书写更加简洁
17
let person2 = {
18
  age,
19
  username,
20
  sing,
21
}
22
console.log(person2)
23
person2.sing()

6、定义方法简写

// 传统
2
let person1 = {
3
  sayHi: function () {
4
    console.log('Hi')
5
  },
6
}
7
person1.sayHi()
8
9
// ES6
10
let person2 = {
11
  sayHi() {
12
    console.log('Hi')
13
  },
14
}
15
person2.sayHi()

9、箭头函数

创建 09-箭头函数.js

箭头函数提供了一种更加简洁的函数书写方式。基本语法是：

参数 => 函数体

箭头函数多用于匿名函数的定义

//声明一个函数
2
let fn = function(a){
3
  return a + 100
4
}
5
6
//箭头函数
7
let fn = (a) => {
8
  return a + 100
9
}
10
11
//简写
12
let fn = a => a + 100
13
14
//调用函数
15
let result = fn(1)
16
console.log(result)

10、Promise

Promise 是ES6 引入的异步编程的新解决方案。语法上 Promise 是一个构造函数，用来封装异步操作并可以获取其成功或失败的结果。

VS code ：https:code.visualstudio.com/Download

1
const fs = require('fs')
2
3
//实例化 Promise 对象：
4
//Promise对象有三个状态：初始化、成功、失败
5
const p = new Promise((resolve, reject) => {
6
  //调用readFile方法读取磁盘文件：异步操作
7
  fs.readFile('./他.txt', (err, data) => {
8
    //当文件读取失败时，可以获取到err的值
9
    if (err) reject(err) //reject将Promise对象的状态设置为失败
10
11
    //当文件读取成功时，可以获取到data的值
12
    resolve(data) //resolve将Promise对象的状态设置为成功
13
  })
14
})
15
16
//调用 promise 对象的方法
17
//then：当 Promise状态成功时执行
18
//catch：当 Promise状态失败时执行
19
p.then(response => {
20
  console.log(response.toString())
21
}).catch(error => {
22
  console.log('出错了')
23
  console.error(error)
24
})

我的配置：

{
     "editor.fontSize": 14,
    "editor.tabSize": 2,
    "editor.defaultFormatter": "esbenp.prettler-vscode",
    "editor.tabSize": 2,
    "editor.fontSize": 14,
    "editor.unicodeHighlight.nonBasicASCII": false,
    "bracket-pair-colorizer-2.depreciation-notice": false
}