学习思考
🗒️TS进阶
00 分钟
2023-7-2
2024-2-15
type
status
date
slug
summary
tags
category
icon
password
反引号的使用
为什么要使用反引号(模板字符串)而不是单引号?这是因为在模板字符串中,你可以插入变量值,使用${}语法。在你的代码中,你使用${value}来插入变量值,以将变量值嵌入到字符串中。
这样的语法在模板字符串中有效,但在普通字符串中无效。所以在这里,为了正确地插入变量值,使用了反引号。
总结一下,反引号(`)是一种用于创建模板字符串的特殊字符。如果你需要在字符串中插入变量值,你就应该使用模板字符串。
泛型类的执行流程
当你执行以下代码时:
这是整个执行流程:
  1. 实例化泛型类 fx<T>
      • const myfx = new fx<string>('hello'); 创建了一个泛型类 fx 的实例 myfx
      • 通过构造函数,传递了泛型参数 Tstring,并将 'hello' 作为构造函数的参数传递,从而初始化了 myfxh 属性为 'hello'
  1. 调用 do 方法:
      • myfx.do('abcd'); 调用了 do 方法,并传递了参数 'abcd'
      • do 方法内部,通过 console.log 输出了 'hello',即实例化时传入的 'hello'
      • 方法返回了传入的参数 'abcd'
  1. 输出结果:
      • 控制台上将输出 '处理数据 hello',这是因为在 do 方法内部输出了 'hello'
      • 方法返回值 'abcd'
整体来说,执行流程是先实例化一个泛型类对象,然后调用其方法,并在方法内部输出初始化时的属性值。传入的参数 'abcd' 在方法中并没有实际用途,只是被返回了。
 
上一篇
TS基础
下一篇
Vue3文档

评论
  • Twikoo