Zenn
Open8

JS久しぶりすぎたのでモダンに変えていくチャレンジ

wing3298wing3298

Gruntでビルドしていたのでwebpackに変更
esBuildよかったのだけどconcatができない・・？？ので一旦保留

wing3298wing3298

functionが単純にダサいので無名関数にしたりアロー関数を使うように変更

例

function hoge(arg){}　→ (arg) => {}
wing3298wing3298

何がモダンなのか問題
JSは難敵なのでTS化はできない(できないことはないけどひとまず後回し)　＊いずれやる
CSSが散らかっているのでまとめてSCSSで書き直す(SASSでもいいか)
基本構造には手を付けられないのでできるところから順番に

wing3298wing3298
var hoge = Backbone.View.extend({
    initialize:  function(){
    },
    events: {
    },
    render: function(){
    },

を

var hoge = Backbone.View.extend({
    initialize: () => {
    },
    events: {
    },
    render: () => {
    },

のように、無名関数に書き換えると

Bind must be called on a function

というエラーで動かない

function(){} も ()=>{} も等価ではないないのか・・・？？？え？？？

wing3298wing3298

それもinitializeとrenderだけ

と、いうことはBackboneかUnderscoreの制約なのか