関数の定義の仕方: 役割をひとつに絞る

依存性が高い:

  function appendElRightArrow() {
    var el;
    el = document.createElement('div');
    el.setAttribute('class', 'arrow-right');
    document.querySelectorAll('selector to be appended')[0].appendChild(el);
  }

依存性が高い理由: selector to be appendedが変わると関数内部を修正する必要がある。

依存性が低い:

  function getElRightArrow() {
    var el;
    el = document.createElement('div');
    el.setAttribute('class', 'arrow-right');
    return el;
  }

命名規則

  • 関数, メソッド名は必ず動詞でつける
  • 型をprefixとしてつける。例:
    • jQuery object: $phone
    • element: elPhone
    • string: strPhone
    • int: iPhone
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account log in.