前言
hello world欢迎来到前端的新世界
😜当前文章系列专栏：Typescript
🐱👓博主在前端领域还有很多知识和技术需要掌握，正在不断努力填补技术短板。(如果出现错误，感谢大家指出)🌹
💖感谢大家支持！您的观看就是作者创作的动力
请实现下面的 myMap 方法
/** * @file 实现数组 map 方法 */ function myMap<T, R>(arr: T[], callbackFn: (v: T) => R): R[] { // 补全此处代码，可以使用除数组 map 以外的其他任何函数 throw new Error('功能待实现'); } // 测试 console.log(myMap([1, 2, 3], v => v * 2)) // [2, 4, 6] export default {};
请实现下面的 treePath 方法
/** * @file 二叉树所有路径 */ type Tree = { value: number; left?: Tree; right?: Tree; } const tree: Tree = { value: 1, left: { value: 2, right: { value: 5 } }, right: { value: 3 } }; function treePath(root: Tree): string[] { // 补全此处代码 throw new Error('功能待实现'); } console.log(treePath(tree)) // [ '1->2->5', '1->3' ] export default {}
请实现下面的 product 方法
题目
/** @file 计算数组笛卡尔积 */ // 示例 product([1, 2], [3, 4]) // [[1, 3], [1, 4], [2, 3], [2, 4]] function product(xList: number[], yList: number[]): [number, number][] { // 补全内部实现 throw new Error('功能待实现'); } export default {}
实现
/** * @file 计算数组笛卡尔积 */ // 示例 console.log(product([1, 2], [3, 4])); // [[1, 3], [1, 4], [2, 3], [2, 4]] function product(xList: number[], yList: number[]): [number, number][] { // 参考答案 return xList.reduce((v, t) => { return v.concat(yList.map((item) => [t, item])); }, [] as [number, number][]); } export default {};
请实现下面的 myAll 方法
/** * @file 实现 PromiseAll 方法 */ import { sleep } from "./8.sleep"; async function myAll<T extends unknown[] | []>(values: T): Promise<{ [P in keyof T]: Awaited<T[P]> }> { // 补全此处代码，使用 Promise.all 以外的语法完成 throw new Error('功能待实现'); } // 一秒钟后返回结果 value async function request(value: string) { await sleep(1000); return value; } async function main() { console.log('start'); const res = await myAll([ request('a'), request('b'), request('c'), ]) console.log(res); // 预期输出 start 一秒后输出 ['a', 'b', 'c'] } main() export default {}
请实现下面的 sum 方法
/** * @file 假设加法是一个异步过程，如何计算多个数组之和？ */ function sleep(ms: number) { return new Promise(r => { setTimeout(() => { r(undefined) }, ms); }) } async function asyncAdd(a: number, b: number) { await sleep(1000); return a + b; } function sum(arr: number[]): Promise<number> { // 补全这里代码，涉及 arr 中两数求和只能使用 asyncAdd，禁止使用加号 throw new Error('功能待实现'); } console.time('a') sum([1, 2, 3, 4, 5, 6, 7, 8]) .then(v => { console.log(v) // 36 console.timeEnd('a') // a: <耗时> }) export default {}
请实现下面的 mergeArray 方法
/** * @file 合并两个有序数组 */ function merge(arr: number[], arr2: number[]): number[] { // 补全此处代码 throw new Error('功能待实现'); } // 参数数组从小到大排列 console.log(merge([1, 2, 3], [2, 5, 6])) // [ 1, 2, 2, 3, 5, 6 ] export default {}
实现下面的 firstSingleChar 方法
/** * @file 找出字符串中第一个只出现一次的字符 */ function firstSingleChar(str: string) { // 补全此处代码 throw new Error('功能待实现'); } // a 和 b 都出现了两次，只有 c 出现了一次，返回 c console.log(firstSingleChar('abcba')) // c // b c d 都出现了一次，返回第一个 console.log(firstSingleChar('aabcdee')) // b // a 和 b 都出现了多次，没有只出现一次的元素，返回 undefined console.log(firstSingleChar('aaaabbbb')) // undefined export default {}
实现下面的 reverseWord 方法
/** * @file 反转句子 * * 同时满足以下条件：1、去除首尾空格，2、单词间隔中多个空格变成一个； * 注意console示例运行结果 */ function reverseWord(str: string) { // 补全此处代码 throw new Error('功能待实现'); } console.log(reverseWord('the sky is blue')); // blue is sky the // 去除首尾空格 console.log(reverseWord(" hello world ")); // world hello // 单词间隔中多个空格变成一个 console.log(reverseWord("a good example")); // example good a export default {}
请补充 objToArray 函数
题目
/** * @file objToArray * * 将对象按照要求转为数组 * 注意console示例运行结果 */ type Obj = Record<string, string>; interface FormatItem { key: string; op: string; value: string; } function objToArray(obj: Record<string, Obj>): FormatItem[] { // 补全此处代码 throw new Error("功能待实现"); } console.log( objToArray({ key1: { op1: "value1", }, key2: { op2: "value2", }, }) ); // result示例 // [ // {key: 'key1', op: 'op1', value: 'value1'}, // {key: 'key2', op: 'op2', value: 'value2'} // ] export default {};
实现
/** * @file objToArray * * 将对象按照要求转为数组 * 注意console示例运行结果 */ type Obj = Record<string, string>; interface FormatItem { key: string; op: string; value: string; } function objToArray(obj: Record<string, Obj>): FormatItem[] { return Object.keys(obj).reduce((value: Array<FormatItem>, key: string) => { var op: string = Object.keys(obj[key])[0]; value.push({ key: key, op: op, value: obj[key][op] }); return value; }, []); } console.log( objToArray({ key1: { op1: "value1", }, key2: { op2: "value2", }, }) ); // result示例 // [ // {key: 'key1', op: 'op1', value: 'value1'}, // {key: 'key2', op: 'op2', value: 'value2'} // ] export default {};
使用ts实现一个判断入参是否是数组类型的方法？
function isArray(x: unknown): boolean { if (Array.isArray(x)) { return true; } return false; }
unknown 用于变量类型不确定，但肯定可以确定的情形下，比如下面这个示例中，入参总归会有个值，根据这个值的类型进行不同的处理，这里使用 unknown 替代 any 则会更加类型安全。
如何检查TypeScript中的null和undefined ？
通过使用一个缓冲检查，我们可以检查空和未定义:
if (x == null) { }
如果我们使用严格的检查，它将总是对设置为null的值为真，而对未定义的变量不为真。
例子
var a: number; var b: number = null; function check(x, name) { if (x == null) { console.log(name + ' == null'); } if (x === null) { console.log(name + ' === null'); } if (typeof x === 'undefined') { console.log(name + ' is undefined'); } } check(a, 'a'); check(b, 'b');
输出
"a == null" "a is undefined" "b == null" "b === null"
TypeScript 中的 getter/setter 是什么？你如何使用它们？
Getter 和 setter 是特殊类型的方法，可帮助你根据程序的需要委派对私有变量的不同级别的访问。
Getters 允许你引用一个值但不能编辑它。Setter 允许你更改变量的值，但不能查看其当前值。这些对于实现封装是必不可少的。
- 例如，新雇主可能能够了解get公司的员工人数，但无权set了解员工人数。
const fullNameMaxLength = 10; class Employee { private _fullName: string = ""; get fullName(): string { return this._fullName; } set fullName(newName: string) { if (newName && newName.length > fullNameMaxLength) { throw new Error("fullName has a max length of " + fullNameMaxLength); } this._fullName = newName; } } let employee = new Employee(); employee.fullName = "Bob Smith"; if (employee.fullName) { console.log(employee.fullName); }
后言
创作不易，要是本文章对广大读者有那么一点点帮助 不妨三连支持一下，您的鼓励就是博主创作的动力
