JavaScriptのclassとmethodとbindの練習

2022.10.20

JavaScriptのclassとmethodとbindの練習

class Human {
  constructor() {
    this.name = '太郎';
  }
  greet() {
    console.log(`こんにちは。私は${this.name}です`);
  }
}

const h = new Human();

const greet = h.greet.bind(h);

greet();

h.name = 'john';

greet();

class Human {

constructor() {

this.name = '太郎';

}

greet() {

console.log(`こんにちは。私は${this.name}です`);

}

const h = new Human();

const greet = h.greet.bind(h);

greet();

h.name = 'john';

greet();

こんにちは。私は太郎です
こんにちは。私はjohnです

1 2	こんにちは。私は太郎ですこんにちは。私はjohnです

2022.10.19

JSのクラスはnewした後にメンバの振る舞いを差し替えられる

/**
 * クラスはすごい。ユニットテストが楽にできるぞ。
 */
const p = console.log;

class Human {
  constructor(name) {
    this.name = name;
  }
  getName() {
    return this.name;
  }
  greet() {
    (() => p(`こんにちは。${this.getName()}です。`))();
  }
}

const h = new Human('じろう');
p(h);
h.greet();

h.name = 'ささささぶろう';
h.greet();

h.getName = () => 'うんこ';
h.greet();

/**

* クラスはすごい。ユニットテストが楽にできるぞ。

const p = console.log;

class Human {

constructor(name) {

this.name = name;

}

getName() {

return this.name;

}

greet() {

(() => p(`こんにちは。${this.getName()}です。`))();

}

const h = new Human('じろう');

p(h);

h.greet();

h.name = 'ささささぶろう';

h.greet();

h.getName = () => 'うんこ';

h.greet();

Human { name: 'じろう' }
こんにちは。じろうです。
こんにちは。ささささぶろうです。
こんにちは。うんこです。

Human { name: 'じろう' }

こんにちは。じろうです。

こんにちは。ささささぶろうです。

こんにちは。うんこです。

2022.10.13

Node.jsの単体テストで関数が1回だけ呼ばれることの判定方法

// 追加のnpm installは無しでできる。
'use strict';

const assert = require('assert');

/**
 * 第1引数がtrueならば第2引数を1回実行する関数
 */
const testTargetFunc = async (flag, callback) => {
  if (flag) {
    return callback();
  }
};

const _1回呼ばれる場合 = async () => {
  // コールトラッカー
  const tracker = new assert.CallTracker();
  // このスコープで必ず1回だけ呼ばれるべき関数
  const calledOnce = tracker.calls((a) => a, 1);
  // テスト実行
  await testTargetFunc(true, calledOnce);
  // コールトラッカーの結果確認
  tracker.verify();
};

const _0回呼ばれる場合 = async () => {
  // 1回も呼んではいけない関数
  const calledNever = assert.fail;
  // テスト実行
  await testTargetFunc(false, calledNever);
};

const _2回呼ばれる場合 = async () => {
  // コールトラッカー
  const tracker = new assert.CallTracker();
  // このスコープで必ず2回呼ばれるべき関数
  const calledTwice = tracker.calls((a) => a, 2);
  // テスト実行
  await testTargetFunc([], calledTwice); // 呼ばれる
  await testTargetFunc(0, calledTwice); // 呼ばれない
  await testTargetFunc({}, calledTwice); // 呼ばれる
  // コールトラッカーの結果確認
  tracker.verify();
};

const main = async () => {
  const tests = [
    _1回呼ばれる場合, //
    _0回呼ばれる場合,
    _2回呼ばれる場合,
  ];
  for (const test of tests) {
    try {
      await test();
      console.log(`テストOK ${test.name}`);
    } catch (err) {
      console.log(`テストNG ${test.name}`, err);
    }
  }
};

main();

// 追加のnpm installは無しでできる。

'use strict';

const assert = require('assert');

/**

* 第1引数がtrueならば第2引数を1回実行する関数

const testTargetFunc = async (flag, callback) => {

if (flag) {

return callback();

}

};

const _1回呼ばれる場合 = async () => {

// コールトラッカー

const tracker = new assert.CallTracker();

// このスコープで必ず1回だけ呼ばれるべき関数

const calledOnce = tracker.calls((a) => a, 1);

// テスト実行

await testTargetFunc(true, calledOnce);

// コールトラッカーの結果確認

tracker.verify();

};

const _0回呼ばれる場合 = async () => {

// 1回も呼んではいけない関数

const calledNever = assert.fail;

// テスト実行

await testTargetFunc(false, calledNever);

};

const _2回呼ばれる場合 = async () => {

// コールトラッカー

const tracker = new assert.CallTracker();

// このスコープで必ず2回呼ばれるべき関数

const calledTwice = tracker.calls((a) => a, 2);

// テスト実行

await testTargetFunc([], calledTwice); // 呼ばれる

await testTargetFunc(0, calledTwice); // 呼ばれない

await testTargetFunc({}, calledTwice); // 呼ばれる

// コールトラッカーの結果確認

tracker.verify();

};

const main = async () => {

const tests = [

_1回呼ばれる場合, //

_0回呼ばれる場合,

_2回呼ばれる場合,

];

for (const test of tests) {

try {

await test();

console.log(`テストOK ${test.name}`);

} catch (err) {

console.log(`テストNG ${test.name}`, err);

}

};

main();

テストOK _1回呼ばれる場合
テストOK _0回呼ばれる場合
テストOK _2回呼ばれる場合

テストOK _1回呼ばれる場合

テストOK _0回呼ばれる場合

テストOK _2回呼ばれる場合

2022年 10月の投稿一覧