のくす牧場
コンテンツ
牧場内検索
カウンタ
総計:127,062,848人
昨日:no data人
今日:
最近の注目
人気の最安値情報

    私的良スレ書庫

    不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitter
    ログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。

    元スレ+ JavaScript の質問用スレッド vol.114 +

    JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニュー
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。
    レスフィルター : (試験中)
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitter
    801 : Name_Not - 2014/04/27(日) 04:21:54.40 ID:??? (+52,+29,-5)
    なんだそのめちゃくちゃな説明
    802 : Name_Not - 2014/04/27(日) 04:38:42.37 ID:??? (+31,+3,-2)
    thisが関数を指すことなんてないよな
    803 : Name_Not - 2014/04/27(日) 04:42:07.78 ID:??? (+41,+13,-5)
    関数とコンストラクタをゴッチャにしているJavaScriptが悪い
    804 : Name_Not - 2014/04/27(日) 04:48:54.00 ID:??? (+55,+27,-13)
    コンストラクタも関数なんだから
    その理屈はおかしい
    805 : Name_Not - 2014/04/27(日) 05:10:40.80 ID:??? (+0,-29,-19)
    変数Aに、変数Bの名前が入っています
    変数Aを使って、その空間で変数Bを参照した時と同じ結果を得るにはどうしたらいいでしょうか
    806 : 800 - 2014/04/27(日) 07:42:39.40 ID:??? (+0,-30,-41)
    Object <- Function <- constructor

    関数やインスタンスは、
    Functionオブジェクトで良いんだろ?
    807 : Name_Not - 2014/04/27(日) 09:40:13.40 ID:??? (+2,-30,-114)
    >>806
    > 関数やインスタンスは、Functionオブジェクトで良いんだろ?
    Functionオブジェクトが何を指しているのか今一不明だが、少なくとも [[Call] を持つオブジェクトじゃない

    function A () {
    console.log(A !== this); // true
    }

    console.log(typeof new A); // object
    808 : Name_Not - 2014/04/27(日) 09:44:50.34 ID:??? (+19,-30,-50)
    >>805
    http://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/eval#Don.27t_use_eval.21
    Strict Mode で使用できないし、基本的にそのような使い方は推奨されない
    809 : 790 - 2014/04/27(日) 12:59:39.12 ID:??? (+5,-29,-70)
    > thisは、そのオブジェクトを指す
    > 関数もオブジェクトなので、関数が異なると、thisも異なる

    つまり、thisで参照するためには>>790の書き方ではダメってことですか?
    たかだかthisで参照するだけなのに、制限があるってめんどいですねー
    810 : Name_Not - 2014/04/27(日) 13:22:05.42 ID:??? (+0,-29,-3)
    this.say.bind(this)
    811 : 790 - 2014/04/27(日) 13:51:07.57 ID:??? (+20,-18,-3)
    >>810

    おかげ様で動きました。
    bind(this)を書き忘れて、バグ作りそうですね
    812 : Name_Not - 2014/04/27(日) 14:03:58.02 ID:??? (+85,+29,-28)
    >>811
    だって普通そんな書き方しないしw
    普通は無名関数を使う。

    とりあえず、あんたが参考にしている
    本とかあったら、その本は捨てるといいよ。
    813 : Name_Not - 2014/04/27(日) 14:22:03.31 ID:??? (+49,-29,-176)
    >>812
    > 普通は無名関数を使う。
    その理屈はおかしい
    登録されているListenerを解除することを考えたらハンドラ登録には名前付き関数を使う
    jQueryは関数指定なしでもイベントハンドラ削除できる機構が用意されているが、それでも特定のハンドラのみを解除することを考えたら名前付き関数を使用するしかない
    removeEventListener を使い慣れている人なら名前付き関数を使用するかもしれないし、その書き方が望ましいケースは確かにある
    Function.prototype.bind は>>790のようなケースで利用されるものだと思う

    そもそも、無名関数の多量生産は無駄にクロージャを作るという意味では良い設計とは言えない
    jQueryは無名関数を多用する書き方が好まれる傾向にあるが、あの書き方ではデメリットもあることを覚えておいた方がいい
    814 : 790 - 2014/04/27(日) 14:22:33.13 ID:??? (+68,+29,-46)
    >>812
    普段は.NET + AS3で開発しているので、jsを触ることはないんでよくわからないんですが

    jsではクラス使わないほうがいいんですかね?
    会社で他の人が作っているERPみたら、クラス使っていなかったんです
    816 : Name_Not - 2014/04/27(日) 15:04:38.96 ID:??? (+77,+29,-117)
    >>813
    > 登録されているListenerを解除することを考えたらハンドラ登録には名前付き関数を使う

    そんなの解除するときだけ考えればいいことでしょ?

    通常イベントハンドラを削除したい時は要素を削除する時で、
    jQueryで要素を削除すれば、それに関連したイベントハンドも一緒に解除されて
    メモリリークも起きないのだからそこは気にする必要がない。

    要素は存在するのにイベントだけを削除することはほとんどない。
    一時的に無効にしたい場合でも、classで状態を変化させて、セレクタで切り分ける
    817 : Name_Not - 2014/04/27(日) 15:14:30.59 ID:??? (+51,+13,-11)
    >>808
    evalを使わないと出来ないのですね
    ありがとうございました
    818 : 808 - 2014/04/27(日) 15:24:07.68 ID:??? (+64,+29,-47)
    >>817
    今思い至ったのだが、プロパティ名なら変数を利用できる
    変数名として使いたいのなら無理だが、改修できるようならオブジェクト化を検討してもいいかもしれない
    819 : 813 - 2014/04/27(日) 15:40:21.49 ID:huBJdt32 (+21,+30,-129)
    >>816
    > そんなの解除するときだけ考えればいいことでしょ?
    全体コードが不明なのに>>812の時点で解除しないとなぜ言い切れる?
    この時点で「普通は無名関数を使う」とか「質問者が参考にしている本を捨てるといい」とまで言い切れる理由があるならちゃんと説明して欲しい

    > メモリリークも起きないのだからそこは気にする必要がない。
    メモリリークの話はしてない
    クロージャの多量生産は束縛される変数の数だけメモリを消費するが、それは仕様であってメモリリークではない
    820 : Name_Not - 2014/04/27(日) 15:53:46.05 ID:??? (+67,+29,-28)
    >>819
    > 全体コードが不明なのに>>812の時点で解除しないとなぜ言い切れる?

    基本的な考えとして、

    今必要ないなら作らない。
    必要になった時に作る

    という考えにした方がいいよ。

    忠告ね。
    821 : Name_Not - 2014/04/27(日) 15:59:43.90 ID:??? (+63,+30,-150)
    YAGNIって考え方だね。

    プログラムってのは将来どう成長するか不明なものだから、
    不明だから解除する場合のことまで考えておくという発想だと
    すべて解除可能にしなきゃいけない。

    その考えていけば拡張可能にしなきゃいけないとか
    言い出しそうだし、prototype使う必要がない場面でも
    不明だから、とりあえず使うとかいうことになりかねない。

    拡張可能にすることで、コードが膨れないのならいいけど、
    この場合は明らかに現在必要がないコードを書くことになってる。

    こうやって必要のない無駄なコードをどんどん書くことになる。
    これはYAGNIの原則に反する。
    822 : 813 - 2014/04/27(日) 16:13:26.28 ID:huBJdt32 (+8,+29,-54)
    >>820
    その返答では「無名関数を使用しなければならない必然性」を説明できてないと思うが…
    「無名関数を使用する方法もあるよ」ならここまで引っ張らなかった
    823 : Name_Not - 2014/04/27(日) 16:18:23.26 ID:??? (+64,+29,-64)
    無名関数を利用する事と>>790の問題がどう関係しているのかわからない
    「new Index() な書き方は避けて全部無名関数を使用すればいいよ」って主張してるの?
    824 : Name_Not - 2014/04/27(日) 16:22:08.34 ID:??? (+11,-30,-41)
    >>823
    主張はレスの内容を見ようね。

    > bind(this)を書き忘れて、バグ作りそうですね
    >
    >
    > 812 名前:Name_Not_Found[sage] 投稿日:2014/04/27(日) 14:03:58.02 ID:???
    > >>811
    > だって普通そんな書き方しないしw
    > 普通は無名関数を使う。
    825 : Name_Not - 2014/04/27(日) 16:25:16.82 ID:??? (+0,-29,-54)
    というか、

    var Index = function () {};

    これで全て無名関数になるんだが…
    もう少し、クリティカルな話をして欲しい
    826 : Name_Not - 2014/04/27(日) 17:13:55.85 ID:??? (+4,-30,-132)
    >>824
    無名関数を使用する事でどうやってthis値を束縛するの?
    具体的なコードを示して欲しい

    無名関数内で Function.prototype.call を使う解決方法もあるけど、Function.prototype.call が解決法だし、Function.prototype.bind を否定する要素がない
    827 : Name_Not - 2014/04/27(日) 17:52:28.11 ID:??? (+8,-23,-38)
    >>825
    無名関数に名前付けた場合それは無名関数なのか
    828 : Name_Not - 2014/04/27(日) 18:24:18.12 ID:??? (+35,+12,+0)
    名前付けてなくね
    829 : Name_Not - 2014/04/27(日) 18:43:23.54 ID:??? (+3,-29,-68)
    >>827
    変数に格納しただけで無名関数
    そもそも、無名関数を名前付き関数に変更する方法はないと思うんだが(あるなら教えて欲しい)
    非標準の Function.prototype.name も読み取り専用だし
    830 : Name_Not - 2014/04/27(日) 19:31:34.11 ID:??? (+5,-30,-84)
    var a = {
    b: 1
    };
    var c = a.b;
    のとき
    delete(c);
    としても、a.bは削除されません
    delete(a.b);
    とすると削除されます
    delete関数の引数が普通の関数と異なり「必ず参照渡し」になっているということだと思いますが
    プログラマーが明示的にこういう関数を作ることは出来ないのでしょうか?
    831 : Name_Not - 2014/04/27(日) 19:35:23.00 ID:??? (+62,+29,-83)
    jsのthisの仕様どうにかして欲しいですね
    他の言語を使ってきた人が、間違えてしまう

    jsは柔軟性がある言語だと主張している人がいますが、
    書き方が自由なだけであって柔軟性があるとはまた違う気がする

    柔軟性 == それなりの規模のアプリケーションを作れる
    832 : Name_Not - 2014/04/27(日) 19:36:51.55 ID:??? (+10,-30,-42)
    >>827
    いちおう名前を付けることはできるけどな

    var f1 = function f2(){
    alert(f1.name);
    }

    f1(); // "f2"
    f2(); // エラー(名前を付けたからと言って呼び出せるわけではない)
    833 : Name_Not - 2014/04/27(日) 19:38:59.24 ID:??? (+6,-29,-77)
    >>830
    delete演算子は関数じゃない
    delete演算子はプロパティ削除であって変数を削除できない
    834 : Name_Not - 2014/04/27(日) 19:40:40.82 ID:??? (+7,-30,-91)
    関数名を後で変更できたら怖い

    var hoge = function foo () { console.log(foo.name); }
    hoge.name = 'piyo'; // 書き換え可能だったとする(※実際は書き換え不可)
    hoge(); // ReferenceError: foo is not defined
    835 : Name_Not - 2014/04/27(日) 19:43:14.96 ID:??? (+44,+14,+0)
    >>832
    名前付き関数の事例なら>>834のようにすべき
    836 : Name_Not - 2014/04/27(日) 19:45:23.97 ID:??? (+52,+23,-13)
    >>833
    関数じゃないなら納得です
    ありがとうございました
    837 : Name_Not - 2014/04/27(日) 19:48:32.19 ID:??? (+11,-29,-21)
    >>832
    > f2(); // エラー(名前を付けたからと言って呼び出せるわけではない)
    >>835で指摘されてるけど、関数内部からは呼び出せるよ
    不変の名前として参照できるので便利
    838 : Name_Not - 2014/04/27(日) 19:54:07.65 ID:??? (+59,+29,-2)
    >>837
    知らなかった、ありがとう、早速使ってみる
    839 : Name_Not - 2014/04/27(日) 20:05:43.28 ID:??? (+4,-29,-24)
    >>832
    > f2(); // エラー(名前を付けたからと言って呼び出せるわけではない)
    IE8 には f2 で呼び出せるバグがあったんだよね
    当時は予期せぬ不具合を生み出しそうで使うのを敬遠してた
    http://blogs.msdn.com/b/ie/archive/2010/06/25/enhanced-scripting-in-ie9-ecmascript-5-support-and-more.aspx
    840 : 790 - 2014/04/27(日) 22:29:47.22 ID:??? (+4,-29,-103)
    今日一日thisを調べてみたのですが、間違えていないか教えてください。

    this -> 呼び出し元のオブジェクトがセットされる。javaのthisとは違う

    クラスっぽいものを作って、それのメンバ関数をイベントリスナーに登録する際は、
    bind/applyとかを使ってthisにセットされるインスタンスを指定してあげなければならない。

    あってますか?
    841 : Name_Not - 2014/04/27(日) 22:37:43.40 ID:??? (+51,+24,+0)
    あってるよ
    842 : Name_Not - 2014/04/27(日) 22:42:40.50 ID:??? (+56,+28,-52)
    メソッドたる関数オブジェクトが、親オブジェクトと密接に結び付いてないから
    thisが文脈によってコロコロ変わるんだよな
    843 : 790 - 2014/04/27(日) 22:47:26.10 ID:??? (+64,+29,-15)
    >>841-842
    ありがとうございました。
    明日は仕事だし、みんなおやすみー
    844 : Name_Not - 2014/04/27(日) 23:22:10.50 ID:??? (+68,+29,-18)
    >>816
    要するに、行き当たりばったりサイコーって事ですね
    845 : Name_Not - 2014/04/28(月) 00:41:21.57 ID:??? (+0,-29,-42)
    aタグが混ざっているhtmlから
    aタグを普通の文字列に変換するにはどうしたらいいですか?
    jqueryありでお願いします
    846 : Name_Not - 2014/04/28(月) 01:13:39.55 ID:??? (+43,-30,-64)
    >>840
    bind使わないんだったら

    function Index() {
    $('[id="htmlForm:button1"]').click((function (that) {
    return function () {
    that.say();
    };
    })(this));
    this.count = "aa";
    }

    こんな感じ
    まあ面倒だわな
    847 : Name_Not - 2014/04/28(月) 01:47:30.34 ID:??? (+60,+29,-3)
    >>846
    それなら call を使う方がまだシンプルな気がする
    まあ、bind が一番スマートなのは間違いないけどね
    848 : 846 - 2014/04/28(月) 02:05:55.59 ID:??? (+18,-30,-87)
    bindの置き換えで考えると >>846になるけど、
    単純に

    function Index() {
    var that = this;
    $('[id="htmlForm:button1"]').click(function () {
    that.say();
    });
    this.count = "aa";
    }

    でいいか

    >>847
    callだとどうなるの?
    849 : Name_Not - 2014/04/28(月) 02:54:24.74 ID:??? (+0,-28,-33)
    >>830
    プロパティを削除する、deleteは遅い、
    という記事をよく見るが
    850 : Name_Not - 2014/04/28(月) 03:42:58.68 ID:??? (+59,+29,-2)
    >>848
    ごめん、良く考えたら call では無理だった
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

    類似してるかもしれないスレッド


    トップメニューへ / →のくす牧場書庫について