私的良スレ書庫

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

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

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/03/03(月) 07:26:11.35 ID:??? (+51,+23,-24)

初回だけ評価すればいいif文で毎回評価するのは無駄
ベンチマーク以前にアルゴリズムの問題だと思う

802 : Name_Not - 2014/03/03(月) 12:16:02.14 ID:??? (-1,-29,-47)

rangeの境界（boundary）は、テキストノードでは文字と文字の間、
エレメントノードではノードとノードの間を指します

803 : Name_Not - 2014/03/03(月) 17:50:20.67 ID:TVdjaZe4 (-18,-30,-147)

func(arg1, arg2)
arg1は文字列を要求
arg2は関数を要求
arg1は省略可能
みたいなものがAPIとかでたまにありますがたとえば
func(関数1, 関数2)
と渡された場合
arg1は省略されたとみなされ関数1がarg2として扱われ関数2は不要な引数として無視されて処理されるのか
arg1に渡された関数1は無効で無視され関数2がarg2として扱われ処理されるのか
またはエラーを出すのか
どれが自然な挙動ですか

804 : Name_Not - 2014/03/03(月) 18:25:34.69 ID:??? (+82,+26,-6)

>>803
http://www.hcn.zaq.ne.jp/___/WEB/WebIDL-ja.html
こういう仕様を参考にすると良いんじゃないかな

805 : Name_Not - 2014/03/03(月) 18:32:54.46 ID:??? (+60,-30,-58)

>>803
Array.prototype.forEach の挙動を参考にしてみては？
http://es5.github.io/#x15.4.4.18

806 : 805 - 2014/03/03(月) 18:39:51.76 ID:??? (+3,-30,-66)

一応、挙動を書くなら
- arg1 が Callable でなければ TypeError を返します
- arg2 が String 型でなければ ToString します
arg2 が関数だった場合の挙動はもうわかりますよね？

807 : Name_Not - 2014/03/03(月) 18:51:07.51 ID:??? (+7,-30,-121)

for(var i=0;i<arr.length;i++){
と　for(var i=0,e;e=arr[i++];){
と　for(var i=-1,e;e=arr[++i];){
の比較ってjsperfに載っていますか？
arr内に偽値を含まないことが確実です

808 : Name_Not - 2014/03/03(月) 19:16:22.93 ID:??? (-1,-30,-64)

>>807
そこまで拘るなら while にした方がいいのでは？

var i = arr.length;
while (i--) { // 処理 }

809 : 803 - 2014/03/03(月) 19:19:36.25 ID:??? (+74,+29,-35)

>>804
長くてまだ読んでませんがゆっくり読もうと思いますありがとう
>>805-806
省略可能なのはarg1のほうです
引数を複数取る関数の、前のほうの引数が省略可能な場合です
ありがとう

810 : 805 - 2014/03/03(月) 19:50:07.84 ID:??? (+12,-30,-76)

>>809
通常は arg1 を省略可能、arg2 を必須にはしません。
arg2 が必須なので arg1 は省略不可能になってしまう為です。
803氏のいわれる arg1 を省略可能の意味がわかりませんが、arg1 と arg2 の役割を逆にするのが適切だと思います。

811 : 803 - 2014/03/03(月) 20:49:46.32 ID:??? (+15,-30,-266)

> APIとかでたまにありますが
と断りを入れているように既存のコードでも見かけます
google chrome extensionsのAPIにそういうのが多いです
例 :http://developer.chrome.com/extensions/windows#method-getCurrent
jQueryも$.get(arg1, arg2, arg3, arg4)のarg2を省略して$.get(arg1, arg3)と指定できます
省略できる引数が多い場合はハッシュでまとめて渡せるようになっていたりもしますが。
通常か通常でないか、適切か適切でないかは別としてこういう引数の取り方をする関数が存在しているわけで
そういう場合の挙動ってどうするのが自然なのかなと思ったわけです
805さんの言うように、可能な限りそういう関数を作らなくてもいいようにしたいとは思います
ありがとう

812 : 805 - 2014/03/03(月) 21:24:28.16 ID:??? (+4,-29,-272)

>>811
「自然な挙動」をご希望だったので私は標準仕様である ECMAScript に合わせた挙動を提案しました。
少なくとも私の知る限りでは第一引数をオプションにして第二引数を必須にする ECMAScript 仕様はありません。

jQuery や Google Chrome 拡張でそれがあるのなら、各製作者が思い思いに自分がわかりやすいと思う実装をしているだけで共通仕様があるわけではないと思います。
なので803氏が望む挙動をするライブラリのコードを読むのがいいのではないかと。
例えば、jQuery.get は jquery-2.1.0.js の8221行目にあり、引数の数/型に応じて挙動を変えています。
http://api.jquery.com/jQuery.get/

ただし、jQueryの仕様は「ECMAScript にない＝誰が見てもわかる仕様ではない」という点で「自然な挙動」ではないように思えます。

813 : Name_Not - 2014/03/03(月) 21:40:59.14 ID:??? (+27,+4,-1)

オーバーロード的な

814 : Name_Not - 2014/03/03(月) 21:51:40.03 ID:??? (-1,-29,+0)

ECMAScript にオーバーロードはないからねえ

815 : Name_Not - 2014/03/03(月) 22:16:53.51 ID:??? (+9,-30,-104)

よくあるのはa.b(foo, bar, baz)のbarとbazが省略可能で
a.b(foo, bar)やa.b(foo, baz)やa.b(foo)と書けるケース
barの取る型が関数型でbazの取る型が数値型だとしてそこにa.b(foo, 3, 4)などと渡されたとき
bar = 省略、baz = 3で4はいらない子として捨てられ無事動作するのか
関数型を取るbarに数値型が渡されたとしてタイプエラーを出して動作しないのか

816 : Name_Not - 2014/03/03(月) 22:31:34.02 ID:??? (+3,-30,-68)

省略可能が後ろじゃないのはそんなに不自然じゃないと思う。例えばjQのanimateなんかは

animate( style [, callback] );
animate( style , duration [, callback] );
animate( style , duration , easing [, callback] );

のように使える

ほんで、たとえば文字列が来るべきところにそれ以外が来たからって
toStringしちゃうか、例外処理するかはポリシーじゃね？

817 : Name_Not - 2014/03/03(月) 22:59:52.66 ID:??? (+124,+29,-36)

jQueryは何でも受け入れる印象があるのでjQueryを参考にしていいのか不安

818 : Name_Not - 2014/03/03(月) 23:04:07.34 ID:??? (-1,-29,-55)

ES標準メソッドがString型を求める場合に始めにする処理がToStringだから「自然な挙動」という点ではToStringじゃないかな

819 : Name_Not - 2014/03/03(月) 23:13:19.16 ID:??? (+62,+27,+0)

>>817
それはわかります

820 : Name_Not - 2014/03/03(月) 23:21:12.44 ID:??? (+4,-30,-147)

>>815
a.b(foo [, callbackfn] [, number]) の多重定義で a.b(foo, 3, 4) が呼び出されたのなら TypeError が妥当だと思われます。
引数3つで呼び出されたのなら、a.b(foo , callbackfn, number) としての挙動を示せばいいだけで難しく考える必要はないかと。
ECMAScript 標準メソッドでは「引数に求められる型にキャストした後に実行する」のが基本ですが、Callable だけはキャストできないのでTypeErrorを返します。
ECMAScriptは型がゆるい(内部処理でキャストを多用する)言語だけあってTypeErrorになることは多くありません。

821 : Name_Not - 2014/03/03(月) 23:28:25.01 ID:??? (+79,+29,-74)

>>817
jQuery は動くことを最優先としているきらいがあって厳格な仕様ではないですね。
多重定義は ECMAScript にないので「自然な挙動」とは思いませんが、あえて参考にするなら Java 等の「多重定義が存在する言語のインターフェース」を参考にすべきだと思います。

822 : Name_Not - 2014/03/04(火) 00:04:04.23 ID:??? (+37,-29,-22)

「もしaが0より大きければ」は
if (0<a)
とはっきり書いた方がいいですか？
if (a)
だと、aがbooleanなのか数値なのか分かりにくいと思います

823 : Name_Not - 2014/03/04(火) 00:12:05.98 ID:??? (+62,+29,-17)

>>822
if (0<a) と書いた方がいいですね
理由も書いておられるのでなぜ書かなくてもいいと思ったのか、気になります

824 : Name_Not - 2014/03/04(火) 00:14:46.46 ID:??? (+57,+29,-26)

0か正の数しか入らないなら別にいいんでない
そうじゃないなら
if(a)だと負の数もtrueになるし数値以外も入るならけっこうtrueっちゃう

825 : Name_Not - 2014/03/04(火) 00:22:16.90 ID:??? (+57,+29,-21)

書かない方が短くなるので、それもありかと思ったのですが
やはり書いた方がいいのですね
ありがとうございました

826 : Name_Not - 2014/03/04(火) 00:44:50.97 ID:??? (+64,+29,-65)

わしの界隈だとスマホ化が進みネイティブアプリに移行してjsの需要が減っておる
みなさんはどうであろうか？

827 : Name_Not - 2014/03/04(火) 01:47:51.73 ID:??? (+52,+29,-17)

だから書店の棚が減っていたのか

828 : Name_Not - 2014/03/04(火) 01:56:43.12 ID:??? (-1,-29,-5)

スマホだとHTML+JSって合わないよねブラウザ必須だし

829 : Name_Not - 2014/03/04(火) 03:29:20.88 ID:??? (+3,-30,-52)

chromeのcontenteditableでは
改行が<div><br></div>という変なHTMLですが、
firefoxと同様に行末にキャレットがある時は<br><br>
それ以外は<br>を挿入するようにしたら、問題ないようです
それとも問題あるのでしょうか？
なぜこんなくそHTMLを生成するのか知っていたら教えて下さい

830 : Name_Not - 2014/03/04(火) 06:30:47.79 ID:??? (+21,+29,-63)

明確な回答が欲しい質問じゃないんですが
自分の作った変数を封じ込める手法はいくつかあると思いますが

var myObject = {};

をグローバルに一個だけ作って、その中で完結するやり方は
皆さん的にはどうですか？

実戦経験豊富そうなので、こういうケースではこうだというような
ご意見をいただければありがたいです

831 : Name_Not - 2014/03/04(火) 09:27:13.07 ID:??? (+63,+29,-140)

>>830
一つのグローバルオブジェクトに集約する手法は個々の機能を無理やり一つのオブジェクトにまとめた感があって好きじゃない
それを外に出す必要がなければ、クロージャに閉じ込めて役割ごとにオブジェクトを作る
外に出す必要があるなら、必要な数だけ汎用性の高いオブジェクトを作って外に出す

832 : Name_Not - 2014/03/04(火) 11:24:29.59 ID:??? (+11,-29,-84)

>>811-821
ESにも多重定義はある、例えばTypedArrayが顕著な例
こういう風にコンストラクタを分けるとよろし
http://code.google.com/p/v8/source/browse/branches/bleeding_edge/src/typedarray.js

>>822-825
(0 < a) は良くない、まずaという変数名がダメ、すぐ辿れるどうでもいい一時変数なら逆に凝る必要がない
タグの開始にも取られるのでダメ、自然数なら (n > 0) (n !== 0) (n) のどれかがいい

>>826-829
しつこい

>>830
良くない
良くないけど現状それほどいい手段がないので悪くない
来年以降はES6モジュールを使うこと

833 : Name_Not - 2014/03/04(火) 11:53:48.61 ID:??? (+0,-29,-1)

>>832
βακα..._φ(ﾟ∀ﾟ )ｱﾋｬ

834 : Name_Not - 2014/03/04(火) 12:41:29.25 ID:??? (+57,+29,-1)

832の回答がまじなのかボケなのか分からない

835 : Name_Not - 2014/03/04(火) 13:38:52.82 ID:??? (+60,+29,-199)

一応確認だけどJSで一回だけリロードって出来る？
もしやれる方法があれば教えて下さいな。
仕組み上無理承知で聞いてみるｗ
それっぽいことでもいいけどiframeやajaxに作り変える位なら
定期リロード（初回までは待つ必要があるけど・・・）させるよ。

htmlのヘッダーに書くキャッシュ禁止がことごとく利かないんだよね・・・
a.html→a.cgi（a.html書換え処理）→a.htmlで
ファイルはちゃんと更新されてるのに表示が更新されない事が多々ある。
わざわざcgiで1秒待たせても意味なかった。
そもそもlolipop前の自宅サーバー時はまったく問題なく出来てたのに、
ブラウザの更新ボタン使わないと100％更新後ページの表示とはいかなくなってしまった。
状況や自宅サーバー時はうまく出来ていたことからブラウザ側のせいじゃない可能性が大。
多分サーバー側にキャッシュがあるのが原因だろう。
なのでブラウザがノーキャッシュではなく、更新を明示的にしないと無理っぽい。

836 : Name_Not - 2014/03/04(火) 13:50:17.63 ID:??? (-6,-29,-14)

.location.reload()

837 : Name_Not - 2014/03/04(火) 14:05:37.33 ID:??? (+3,-29,-39)

location.reload()が出ないように説明したつもりだけど・・・
再読み込み時に一回だけ更新。
日本語が変だがこれ以外の表現方法が無いｗ

ちなみにa.html→a.cgi→b.html→a.htmlとb挟んでも
aは編集される前のものが出てきた・・・

838 : Name_Not - 2014/03/04(火) 14:09:37.84 ID:??? (-2,-30,-40)

location.href = location.href + '?' + new Date().getTime();

ではいかんの？

839 : Name_Not - 2014/03/04(火) 14:11:05.88 ID:??? (-2,-30,-46)

.htaccessでHeader set Cache-Control を指定するのが一番じゃね

840 : Name_Not - 2014/03/04(火) 14:57:25.84 ID:??? (+62,+29,-90)

locationはエンドレス繰り返しになるじゃない？
htmlが編集されるたび一回だけ更新すれば事足りるんだよ。
ブラウザのキャッシュ禁止は意味なさげな状態。
ブラウザより先にキャッシュがあるみたい。
（サーバー変更前までは問題なかった）

.htaccessでやってみた。
もしかしたらうまくいったかもしれない！
やっぱサーバー自身がキャッシュもってたのかも。
毎回症状が出るわけではないので・・・まだわからないけれど。
ありがと。

841 : Name_Not - 2014/03/04(火) 21:00:48.50 ID:??? (-1,-29,-22)

html文の中にjavascriptの文字列変数を埋め込みたいのですが

842 : Name_Not - 2014/03/04(火) 21:02:11.71 ID:??? (+0,-27,-17)

841です、すみません、途中で送っちゃいました

document.write以外で方法ってありますか？

843 : Name_Not - 2014/03/04(火) 21:06:31.17 ID:??? (-4,-27,-11)

innerHTML

844 : Name_Not - 2014/03/04(火) 21:36:56.10 ID:??? (-1,-29,-40)

で、結局ES6の<script type=module>や<module>は何時から使えるようになるんです？

848 : Name_Not - 2014/03/04(火) 23:24:55.94 ID:??? (-2,-30,-24)

指定したノードからaタグを削除したいです
どうすればいいですか？

<div>hoge<a>moge</a>fuge</div>
↓
<div>hogemogefuge</div>

こういう感じです

849 : Name_Not - 2014/03/04(火) 23:57:52.40 ID:??? (+9,-30,-51)

jquery使った方法なら
$(function(){
　$('div a').each(function(){
　　$(this).replaceWith($(this).text());
　});
});