自分が JavaScript を書くときの規約みたいなのは既にだいたい決まっていて、結局のところ

• クラス作成ライブラリなどを使わない
  • → そのライブラリを使わなくなったときにいちいち移植する必要があるから
  • → 普通に function Constructor () {} と prototype への代入を使う
  • → 継承みたいなことは基本しない。プロパティにオブジェクトをもって delegate する。
• DOM, Event 関係はライブラリを使う
  • → クロスブラウザはここらへんに集約されているので……
• 小さな snippet を組み合せる
  • → 必要なものを必要な分だけ
  • → クライアントサイドなので、変なものをいれない

String.prototype.replace は正規表現じゃないと ignore case しつつ global マッチとかできないけど、JavaScript には RegExp.escape 的なものがないのでメタ文字が問題になる。

var escaped = 'f[oo'.replace(/[\s\S]/g, function (_) {
    return '\\u' + (0x10000 + _.charCodeAt(0)).toString(16).slice(1)
});

'F[oobarf[oof[oo'.replace(new RegExp(escaped, 'gi'), 'xxx');

たぶんこれでいける?っぽい。正確にはメタ文字のエスケープではなくて、全部エスケープしてメタ文字を無効化しているだけですね。

ignore case しなくてよくて、search が空文字列に絶対ならないなら

'f[oobarf[oo'.split('f[oo').join('xxx');

とかもいいのかな。どんなケースでもうまくいくかまでけんしょうしていないです。(頭まわってない)