我不知道你可以使用同级参数作为函数中的默认值

小伙伴们有没有觉得学习文章很有意思？有意思就对了！今天就给大家带来《我不知道你可以使用同级参数作为函数中的默认值》，以下内容将会涉及到，若是在学习中对其中部分知识点有疑问，或许看了本文就能帮到你！

javascript 从 es2015 开始就支持默认参数值。你知道这一点。我知道这一点。我不知道的是，您可以使用兄弟 参数作为默认值本身。 （或者也许是“相邻位置参数”？不知道如何称呼这些。）

function myfunc(arg1, arg2 = arg1) {
  console.log(arg1, arg2);
}

myfunc("arg1!");
// "arg1!" "arg1!"

这也适用于类构造函数 - 我发现这对于使一些 picperf.io 代码更具可测试性非常有帮助。为此目的使用简单的依赖注入是很常见的。让我们来探索一下。

一个场景

与图像优化主题保持一致，假设您有一个 optimizedimage 类。向其构造函数提供图像 url，您可以检索图像的新优化缓冲区或缓存版本。

class optimizedimage {
  constructor(
    imageurl: string,
    cacheservice = new cacheservice(),
    optimizeservice = new optimizeservice()
  ) {
    this.imageurl = imageurl;
    this.cacheservice = cacheservice;
    this.optimizeservice = optimizeservice;
  }

  async get() {
    const cached = this.cacheservice.get(this.imageurl);

    // return the previously optimized image.
    if (cached) return cached;

    const optimizedimage = await this.optimizeservice
      .optimize(this.imageurl);

    // cache the optimized image for next time.
    return this.cacheservice.put(this.imageurl, optimizedimage);
  }
}

const instance = new optimizedimage('https://macarthur.me/me.jpg');
const imgbuffer = await instance.get();

生产中使用的唯一构造函数参数是 imageurl，但注入 cacheservice 和 optimizeservice 可以更轻松地使用模拟进行单元测试：

import { it, expect, vi } from 'vitest';
import { optimizedimage } from './main';

it('returns freshly optimized image', async function () {
  const fakeimagebuffer = new arraybuffer('image!');
  const mockcacheservice = {
    get: (url) => null,
    put: vi.fn().mockresolvedvalue(fakeimagebuffer),
  };

  const mockoptimizeservice = {
    optimize: (url) => fakeimagebuffer,
  };

  const optimizedimage = new optimizedimage(
    'https://test.jpg',
    mockcacheservice,
    mockoptimizeservice
  );

  const result = await optimizedimage.get();

  expect(result).toequal(fakeimagebuffer);
  expect(mockcacheservice.put).tohavebeencalledwith(
    'https://test.jpg',
    'optimized image'
  );
});

让它变得更加复杂

在该示例中，这两个服务类仅在调用特定方法时才使用 imageurl。但想象一下，如果他们需要将其传递给自己的构造函数。您可能会想将实例化到 optimizedimage 的构造函数中（我就是这样）：

class optimizedimage {
  constructor(
    imageurl: string
  ) {
    this.imageurl = imageurl;
    this.cacheservice = new cacheservice(imageurl);
    this.optimizeservice = new optimizeservice(imageurl);
  }

那是可行的，但现在 optimizedimage 完全负责服务实例化，测试也变得更加麻烦。传入服务实例的模拟并不是那么容易。

您可以通过传入模拟类定义来解决这个问题，但是您随后需要使用这些类自己的构造函数创建这些类的模拟版本，这使得测试变得更加乏味。幸运的是，还有另一种选择：在参数列表的其余部分中使用 imageurl 参数。

共享同级参数

直到不久前我才意识到这是可能的。它的外观如下：

export class optimizedimage {
  constructor(
    imageurl: string,
    // use the same `imageurl` in both dependencies.
    cacheservice = new cacheservice(imageurl),
    optimizeservice = new optimizeservice(imageurl)
  ) {
    this.cacheservice = cacheservice;
    this.optimizeservice = optimizeservice;
  }

  async get() {
    const cached = this.cacheservice.get();

    // return the previously optimized image.
    if (cached) return cached;

    const optimizedimage = await this.optimizeservice.optimize();

    // cache the optimized image for next time.
    return this.cacheservice.put(optimizedimage);
  }
}

通过此设置，您可以像以前一样轻松地模拟这些实例，并且类的其余部分甚至不需要保留 imageurl 本身的实例。当然，实例化仍然很简单：

const instance = new optimizedimage('https://macarthur.me/me.jpg');

const img = await instance.get();

相同的测试方法也保持不变：

import { it, expect, vi } from 'vitest';
import { OptimizedImage } from './main';

it('returns freshly optimized image', async function () {
  const mockCacheService = {
    get: () => null,
    put: vi.fn().mockResolvedValue('optimized image'),
  };

  const mockOptimizeService = {
    optimize: () => 'optimized image',
  };

  const optimizedImage = new OptimizedImage(
    'https://test.jpg',
    mockCacheService,
    mockOptimizeService
  );

  const result = await optimizedImage.get();

  expect(result).toEqual('optimized image');
  expect(mockCacheService.put).toHaveBeenCalledWith('optimized image');
});

这里没有什么突破性的东西——只是一个小功能，让我的生活更加符合人体工程学。希望以后能遇到更多这样的宝石。

到这里，我们也就讲完了《我不知道你可以使用同级参数作为函数中的默认值》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！