阿里 拍卖 笔试
2023-06-21 15:30
1、实现一个parseUrl函数,解析输入url字符串的所有参数
2、实现一个事件收发器 Event 类,继承自此类的对象拥有 on,off,once 和 trigger 方法
ts
// 满足下例使用示例:
const event = new Event();
function log(val) {console.log(val);};
event.on('foo_event', log);
event.trigger('foo_event', 'abc'); // 打印出 abc
event.off('foo_event', log);
event.trigger('foo_event', 'abc'); // 打印出 undefined
class Event {
constructor() {
this.events = {};
}
on(eventName, callback) {
if (!this.events[eventName]) {
this.events[eventName] = [];
}
this.events[eventName].push(callback);
}
off(eventName, callback) {
if (this.events[eventName]) {
if (callback) {
this.events[eventName] = this.events[eventName].filter(cb => cb !== callback);
} else {
delete this.events[eventName];
}
}
}
once(eventName, callback) {
const onceCallback = (...args) => {
callback(...args);
this.off(eventName, onceCallback);
};
this.on(eventName, onceCallback);
}
trigger(eventName, ...args) {
const eventCallbacks = this.events[eventName];
if (eventCallbacks) {
eventCallbacks.forEach(callback => callback(...args));
}
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
3、实现一个 normalize 函数,能将输入的特定的字符串转化为特定的结构化数据。
ts
// 示例要求:
// 字符串仅由小写字母和[,]组成,且字符串不会包含多余的空格。
// 示例一: 'abc' --> {value: 'abc'}
// 示例二:'[abc[bcd[def]]]' -> {value: 'abc', children: {value: 'bcd', children: {value: 'def'}}}
function normalize(str) {
if (!str.startsWith('[')) {
return { value: str };
}
const result = {};
let current = result;
let stack = [];
for (let i = 0; i < str.length; i++) {
const char = str[i];
if (char === '[') {
const newNode = { value: '' };
current.children = newNode;
stack.push(current);
current = newNode;
} else if (char === ']') {
current = stack.pop();
} else {
current.value += char;
}
}
return result.children || result;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
一面
2023-06-25 19:00
- 实习介绍
- 项目难的地方
- 如何设计项目的基建
- 从0搭一个webpack考虑哪些
- webpack体积过大时打包的优化
- 如何处理异步
- Promise处理五个请求abcde de请求需要根据abc请求的结果
- 如何处理项目中的死链接
- react数据管理
- 如何了解一些新的趋势