feat(utils): 新增 jsonp 发起 jsonp 请求

src/utils/index.ts

@@ -43,6 +43,7 @@ export * from './isPossibleChineseMobilePhoneNumber'
 export * from './isPromiseLike'
 export * from './isType'
 export * from './isUrl'
+export * from './jsonp'
 export * from './keysStrict'
 export * from './loadCss'
 export * from './loadResource'

src/utils/jsonp.test.ts

@@ -0,0 +1,20 @@
+import { jsonp } from './jsonp'
+import type { LoadResourceUrl } from './loadResource'
+
+jest.mock(
+  './loadResource',
+  () =>
+    ({
+      loadResource: (url: LoadResourceUrl) => {
+        const _url = new URL(url.path)
+        ;(globalThis as any)[_url.searchParams.get('callback')!]?.(true)
+      },
+      LoadResourceUrlType: {},
+    } as typeof import('./loadResource')),
+)
+
+describe('jsonp', () => {
+  test('表现正常', async () => {
+    expect(await jsonp('https://baidu.com/')).toBeTrue()
+  })
+})

src/utils/jsonp.ts

@@ -0,0 +1,29 @@
+import { loadResource, LoadResourceUrlType } from './loadResource'
+
+let i = 0
+
+/**
+ * 发起 jsonp 请求。
+ *
+ * @param url 请求地址
+ * @param keyOfCallbackName 回调函数名的键
+ */
+export function jsonp<T>(
+  url: string,
+  keyOfCallbackName = 'callback',
+): Promise<T> {
+  return new Promise<T>((resolve, reject) => {
+    const callbackName = `__vtils_jsonp_callbacks__${i++}`
+    ;(window as any)[callbackName] = (result: T) => {
+      resolve(result)
+      delete (window as any)[callbackName]
+    }
+    const _url = new URL(url)
+    _url.searchParams.set(keyOfCallbackName, callbackName)
+    url = _url.toString()
+    loadResource({
+      path: url,
+      type: LoadResourceUrlType.js,
+    }).catch(reject)
+  })
+}