粥里有勺糖

vuePress-theme-reco 粥里有勺糖    2018 - 2023
粥里有勺糖 粥里有勺糖

Choose mode

  • dark
  • auto
  • light
关于我
备战春秋
  • 心得总结
  • 校招考点汇总
  • 面经汇总
  • 复习自查
技术笔记
  • 技术教程
  • 模板工程
  • 源码学习
  • 技术概念
  • 个人作品
  • 学习笔记
计算机基础
  • 算法与数据结构
  • 操作系统
  • 计算机网络
  • 设计模式
  • 剑指offer
大前端
  • javascript
  • vue
  • html
  • css
  • 🌏浏览器专题
  • Web性能优化
  • regexp
  • node
面试
  • 问解
  • javascript
  • css
  • 手撕代码
  • 性能优化
  • 综合问题
  • 面经汇总
  • 小程序
手撕代码
  • 数据结构与算法
  • javascript
  • css
个人站点
  • GitHub (opens new window)
  • 博客园 (opens new window)
  • 掘金 (opens new window)
线上作品
  • 轻取(文件收集) (opens new window)
  • 个人图床 (opens new window)
  • 考勤小程序 (opens new window)
  • 时光恋人 (opens new window)
  • 在线简历生成 (opens new window)
留言板
Github (opens new window)
author-avatar

粥里有勺糖

285

文章

40

标签

关于我
备战春秋
  • 心得总结
  • 校招考点汇总
  • 面经汇总
  • 复习自查
技术笔记
  • 技术教程
  • 模板工程
  • 源码学习
  • 技术概念
  • 个人作品
  • 学习笔记
计算机基础
  • 算法与数据结构
  • 操作系统
  • 计算机网络
  • 设计模式
  • 剑指offer
大前端
  • javascript
  • vue
  • html
  • css
  • 🌏浏览器专题
  • Web性能优化
  • regexp
  • node
面试
  • 问解
  • javascript
  • css
  • 手撕代码
  • 性能优化
  • 综合问题
  • 面经汇总
  • 小程序
手撕代码
  • 数据结构与算法
  • javascript
  • css
个人站点
  • GitHub (opens new window)
  • 博客园 (opens new window)
  • 掘金 (opens new window)
线上作品
  • 轻取(文件收集) (opens new window)
  • 个人图床 (opens new window)
  • 考勤小程序 (opens new window)
  • 时光恋人 (opens new window)
  • 在线简历生成 (opens new window)
留言板
Github (opens new window)
  • review

    • 复习自查
    • 01-01
    • 01-04
    • 01-16
    • 01-17
    • 01-19
    • 01-20
    • 01-20
    • 01-22
    • 01-23
    • 01-24
    • 01-25
    • 01-26
    • 01-27
    • 01-28
    • 01-29
    • 01-30
    • 01-31
    • 02-01
    • 12-15
    • 12-16
    • 12-17
    • 12-18
    • 12-21
    • 12-23
    • 12-25
    • 12-27
    • 12-29
    • 12-30

01-20

vuePress-theme-reco 粥里有勺糖    2018 - 2023

01-20

粥里有勺糖 2021-01-20 备战春秋复习自查

# 01-20

# 场景题

  • 模板字符串处理
    • 如果对应的键值不存在则不处理
    • |后面跟着的是filter函数,均在filters中存在
    • 如果结果是对象则对接过进行 JSON.stringify()
    • 如果结果是函数则进行 toString()
var str = `
a
{{      obj.a   | filter |             filter2        }
b
{obj.b.c}
c
{obj.c.d}
`
var obj = {
    a:function(){},
    b:{c:{e:123}},
    c:{}
}
var g = {
    filter(str) {return 'aaa' + str },
    filter2(str) {return str + 'bbb'}
}

// 实现
function parseTemplate(temp,obj,filters){
    // ...code
}
parseTemplate(str,obj,g)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

替换后的结果为

// a
// {aaafunction () { }bbb
// b
// {"e":123}
// c
// {obj.c.d}
1
2
3
4
5
6

# 理论

  1. 什么是原型,什么是原型链
  2. 剔除数组首元素的方法有哪些
  3. promise的状态有哪些
  4. promise有什么特点
  5. 什么是回调地域
  6. for in 遍历数组有哪些问题
  7. 观看示例,输出结果是什么,并阐明理由
    • 例1
    const promise = new Promise((resolve, reject) => {
        console.log(1)
        resolve()
        console.log(2)
    })
    promise.then(() => {
        console.log(3)
    })
    console.log(4)
    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    • 例2
    function fn(){
        for (let i = 0; i < 4; i++) {
            setTimeout(function(){
                console.log(i)
            },1000)
        }
    }
    fn()
    
    1
    2
    3
    4
    5
    6
    7
    8
    • 例3
    let a = 0
    let b = async () => {
        a = a + await 10
        console.log('2', a)
    }
    b()
    a++
    console.log('1', a)
    
    1
    2
    3
    4
    5
    6
    7
    8

# 朋友们的回答

  • tl (opens new window)
Edit this page (opens new window)
Last Updated: 2022/5/15 12:46:34