JavaScript

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.06.08

代入式の左辺でスプレッド構文を使うやつ

'use strict';

const a = [1, 2, 3];

const [b, ...c] = a;

console.log(a, b, c);

'use strict';

const a = [1, 2, 3];

const [b, ...c] = a;

console.log(a, b, c);

[ 1, 2, 3 ] 1 [ 2, 3 ]

1	[ 1, 2, 3 ] 1 [ 2, 3 ]

2022.03.29

イテラブルなオブジェクトの練習

'use strict';

/*
イテラブルなオブジェクトは、イテレータを返す関数Symbol.iteratorを持つオブジェクト
イテレータは、イテレータリザルトを返却する関数nextを持つオブジェクト
イテレータリザルトは、valueとdoneを持つオブジェクト
*/

const p = console.log;

const getIterableObject = (max) => {
  let cnt = 0;
  const iterator = {
    next: () => {
      cnt++;
      const value = cnt;
      const done = max < value;
      return { value, done };
    },
  };

  const o = {};
  o[Symbol.iterator] = () => iterator;
  return o;
};

const main = () => {
  const o = getIterableObject(5);
  for (const v of o) {
    p(v);
  }
};

main();

'use strict';

イテラブルなオブジェクトは、イテレータを返す関数Symbol.iteratorを持つオブジェクト

イテレータは、イテレータリザルトを返却する関数nextを持つオブジェクト

イテレータリザルトは、valueとdoneを持つオブジェクト

const p = console.log;

const getIterableObject = (max) => {

let cnt = 0;

const iterator = {

next: () => {

cnt++;

const value = cnt;

const done = max < value;

return { value, done };

};

const o = {};

o[Symbol.iterator] = () => iterator;

return o;

};

const main = () => {

const o = getIterableObject(5);

for (const v of o) {

p(v);

}

};

main();

2021.06.12

promiseのcatchのコールバック関数の戻り値をawaitで受け取る

'use strict';

const p = console.log;

const timeoutPromise = ({ ms, func, arg }) => {
  return new Promise((resolve, reject) => {
    if (20 === ms) {
      reject(`${ms}ミリ秒はエラーです!!`);
    }
    setTimeout(() => {
      resolve(func(arg));
    }, ms);
  }).catch((a) => a);
};

const createArg = ({ ms }) => ({ ms, func: () => `${ms}ミリ秒待ちました。` });

(async () => {
  /* promiseのcatchのコールバック関数の戻り値をawaitで受け取る */
  p(await timeoutPromise(createArg({ ms: 21 })));
  p(await timeoutPromise(createArg({ ms: 20 })));
  p(await timeoutPromise(createArg({ ms: 19 })));
})();

'use strict';

const p = console.log;

const timeoutPromise = ({ ms, func, arg }) => {

return new Promise((resolve, reject) => {

if (20 === ms) {

reject(`${ms}ミリ秒はエラーです!!`);

}

setTimeout(() => {

resolve(func(arg));

}, ms);

}).catch((a) => a);

};

const createArg = ({ ms }) => ({ ms, func: () => `${ms}ミリ秒待ちました。` });

(async () => {

/* promiseのcatchのコールバック関数の戻り値をawaitで受け取る */

p(await timeoutPromise(createArg({ ms: 21 })));

p(await timeoutPromise(createArg({ ms: 20 })));

p(await timeoutPromise(createArg({ ms: 19 })));

})();

21ミリ秒待ちました。
20ミリ秒はエラーです!!
19ミリ秒待ちました。

21ミリ秒待ちました。

20ミリ秒はエラーです!!

19ミリ秒待ちました。

2021.05.28

JavaScriptのオブジェクトに使える自作のeach関数の練習

'use strict';

const p = console.log;

/** callback(value, key, obj) */
const each = (obj, callback) => {
  const ret = [];
  for (const key of Object.keys(obj)) {
    const value = obj[key];
    ret.push(callback(value, key, obj));
  }
  return ret;
};

const obj = {
  名前: 'taro',
  苗字: '田中',
  age: 27,
};
const ret = each(obj, (v, k) => `${k}: ${v}`);

ret.forEach((v) => p(v));

'use strict';

const p = console.log;

/** callback(value, key, obj) */

const each = (obj, callback) => {

const ret = [];

for (const key of Object.keys(obj)) {

const value = obj[key];

ret.push(callback(value, key, obj));

}

return ret;

};

const obj = {

名前: 'taro',

苗字: '田中',

age: 27,

};

const ret = each(obj, (v, k) => `${k}: ${v}`);

ret.forEach((v) => p(v));

名前: taro
苗字: 田中
age: 27

名前: taro

苗字: 田中

age: 27

2021.05.25

dockerでnodejsを実行するコマンド

docker run -it -v `pwd`:/tmp node bash -c 'cd tmp; pwd; ls;'

1	docker run -it -v `pwd`:/tmp node bash -c 'cd tmp; pwd; ls;'

2021.05.02

JavaScriptでコールバックの練習

'use strict';

const p = console.log;
const functionRunner = ({ func, arg }) => func(arg);
const fr = functionRunner;

fr({
  func: p,
  arg: fr({
    func: (a) => a,
    arg: fr({
      func: (b) => b,
      arg: 'どうなるかな',
    }),
  }),
});

'use strict';

const p = console.log;

const functionRunner = ({ func, arg }) => func(arg);

const fr = functionRunner;

fr({

func: p,

arg: fr({

func: (a) => a,

arg: fr({

func: (b) => b,

arg: 'どうなるかな',

}),

});

どうなるかな

どうなるかな

2021.04.26

JavaScriptでquicksort(ひさびさ)

'use strict';

const p = console.log;

const swap = (a, l, r) => {
  const t = a[l];
  a[l] = a[r];
  a[r] = t;
};

const getPivot = (a, b, c) => {
  if (a > b) {
    if (b > c) {
      return b;
    } else {
      return a > c ? c : a;
    }
  } else {
    if (a > c) {
      return a;
    } else {
      return b > c ? b : c;
    }
  }
};

const quicksort = (a, left = 0, right = null) => {
  if (null === right) {
    right = a.length - 1;
  }
  if (left >= right) {
    return;
  }
  let l = left;
  let r = right;
  const pivot = getPivot(a[l], a[l + 1], a[r]);
  while (true) {
    if (a[l] < pivot) {
      l++;
    }
    if (pivot < a[r]) {
      r--;
    }
    if (l >= r) {
      break;
    }
    swap(a, l, r);
    l++;
    r--;
  }
  quicksort(a, left, l - 1);
  quicksort(a, r + 1, right);
};

const a = [4, 3, 2, 1, 0];
p(a);

quicksort(a);
p(a);

'use strict';

const p = console.log;

const swap = (a, l, r) => {

const t = a[l];

a[l] = a[r];

a[r] = t;

};

const getPivot = (a, b, c) => {

if (a > b) {

if (b > c) {

return b;

} else {

return a > c ? c : a;

}

} else {

if (a > c) {

return a;

} else {

return b > c ? b : c;

}

};

const quicksort = (a, left = 0, right = null) => {

if (null === right) {

right = a.length - 1;

}

if (left >= right) {

return;

}

let l = left;

let r = right;

const pivot = getPivot(a[l], a[l + 1], a[r]);

while (true) {

if (a[l] < pivot) {

l++;

}

if (pivot < a[r]) {

r--;

}

if (l >= r) {

break;

}

swap(a, l, r);

l++;

r--;

}

quicksort(a, left, l - 1);

quicksort(a, r + 1, right);

};

const a = [4, 3, 2, 1, 0];

p(a);

quicksort(a);

p(a);

[ 4, 3, 2, 1, 0 ]
[ 0, 1, 2, 3, 4 ]

1 2	[ 4, 3, 2, 1, 0 ] [ 0, 1, 2, 3, 4 ]

12 3 4 5

JavaScript

JavaScriptのclassとmethodとbindの練習

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

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

代入式の左辺でスプレッド構文を使うやつ

イテラブルなオブジェクトの練習

promiseのcatchのコールバック関数の戻り値をawaitで受け取る

JavaScriptのオブジェクトに使える自作のeach関数の練習

dockerでnodejsを実行するコマンド

JavaScriptでコールバックの練習

JavaScriptでquicksort(ひさびさ)

最近の投稿

サイトマップ

カテゴリー

アーカイブ

人気の投稿とページ

Twitter