X

+ JavaScript の質問用スレッド vol.129 + [無断転載禁止]©2ch.net

■ このスレッドは過去ログ倉庫に格納されています
0001Name_Not_Found
垢版 |
2016/02/24(水) 00:48:25.01ID:???
JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-6のテンプレを読んだ上で質問してください。次スレは>>950が>>2のテンプレ案(本スレで改善案があれば考慮)を元に立ててください

■規則/推奨ルール
・メール欄を空欄にし、名前にレス番を入れることを強く推奨(なりすまし防止)
・質問内容は具体的に。言葉だけでなく、出来る限り再現性を確認したサンプルコードの掲示。
・質問テンプレートの利用推奨。
・質問への「答え」だけでなく「意見」を出しても良い。

■禁止行為
・丸投げ質問
・迷惑スクリプトの質問
・オレオレ用語の使用(一般的な用語を使用する事)
・煽り、批判等の他人を不快にさせる行為(批判の代わりに「AよりBが良い」のような代案を出す事)
・回答者同士のレスは原則禁止(>>6を参照)
・ライブラリの話題の投稿(>>6を参照)

■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。(ex: IE8, Firefox4)
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。(Windows なら「コピット」を活用)
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
　1レスに収まらないならコード投稿サイトを利用してください。
　http://jsdo.it/　http://jsbin.com/　http://jsfiddle.net/　http://ideone.com/
0007Name_Not_Found
垢版 |
2016/02/24(水) 00:50:57.93ID:???
■各種仕様 (続き)
◆ Document Object Model (DOM) / CSS Object Model (CSSOM)
http://www.hcn.zaq.ne.jp/___/WEB/DOM4-ja.html (DOM Standard (DOM4) 和訳)
http://www.w3.org/TR/DOM-Level-3-Events/ (DOM3 Events)
http://www.w3.org/TR/uievents/ (UI Events)
http://www.hcn.zaq.ne.jp/___/WEB/cssom-ja.html (CSSOM 和訳)
http://www.hcn.zaq.ne.jp/___/WEB/cssom-view-ja.html (CSSOM View Module 和訳)
◆ その他のWeb関連仕様
http://domparsing.spec.whatwg.org/ (DOM Parsing and Serialization - innerHTML等)
http://www.hcn.zaq.ne.jp/___/WEB/XHR-ja.html (XMLHttpRequest 和訳)
http://www.hcn.zaq.ne.jp/___/WEB/File_API-ja.html (File API 和訳)
http://www.whatwg.org/specs/ (WHATWGの仕様一覧)
◆ MDN (Netscape/Mozilla)
https://developer.mozilla.org/ja/docs
◆ MSDN Library
https://msdn.microsoft.com/en-us/library/ie/hh828809 (Internet Explorer API)
http://msdn.microsoft.com/ja-jp/library/yek4tbz0.aspx (JavaScript)
http://msdn.microsoft.com/ja-jp/library/cc427807.aspx (JScript)
http://msdn.microsoft.com/ja-jp/library/cc409712.aspx (DHTML)
◆ JavaScript Garden (ja)
http://bonsaiden.github.com/JavaScript-Garden/ja/
◆ JSON (JavaScript Object Notation)
http://www.json.org/json-ja.html
0008Name_Not_Found
垢版 |
2016/02/24(水) 00:51:40.75ID:???
■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。(ex: IE8, Firefox4)
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。(Windows なら「コピット」を活用)
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
　1レスに収まらないならコード投稿サイトを利用してください。
　http://jsdo.it/　http://jsbin.com/　http://jsfiddle.net/　http://ideone.com/

■前スレ
+ JavaScript の質問用スレッド vol.128 +©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1454390682/

■過去スレ全集
http://www2.atpages.jp/mirror/2ch/javascript/
http://usamimi.info/~mirrorhenkan/2ch/javascript/ (閲覧のみ)

■テンプレ案
http://fiddle.jshell.net/fH4cC/174/show/

■関連スレ
CSS・sass・less・stylus 初心者スレッド＝15th＝
http://peace.2ch.net/test/read.cgi/hp/1453131115/
Canvasについて語ろう
http://peace.2ch.net/test/read.cgi/hp/1305093769/
0009Name_Not_Found
垢版 |
2016/02/24(水) 00:52:07.43ID:???
JavaScriptで一番有名なDOM用ライブラリであるjQueryのスレです。
jQueryを使うとJavaScript単体では面倒な処理でもほんの数行で実現可能になります。

このスレはjQueryやjQuery UIの使い方やjQueryプラグインの作り方を質問するスレです。
JavaScriptだけだと面倒だけどjQueryでもっと簡単に書けませんか？というのもOKです。

jQueryを使って作る側のスレであって、こんなプラグインありませんか？と
聞くスレではありません。そいうのは自分で探してください。
ろくにサポートもされてなさそうな野良プラグインの使用はおすすめしません。

前スレ
jQuery ライブラリ 総合質問所 vol.4
http://peace.2ch.net/test/read.cgi/hp/1400313626/
0013Name_Not_Found
垢版 |
2016/02/24(水) 01:24:56.54ID:vV29+qN3
前スレ>>1000

> LexicalBindingのthis

言い換えても無駄ｗ
一般的な用語で言え
0014Name_Not_Found
垢版 |
2016/02/24(水) 01:25:33.25ID:???
thisがよくわからないと言っている人の
疑問の一つがこれなんだよ。

function Klass() {
　　$("#id").on('click', function() {
　　　　// ここのthisはなに？ Klassのインスタンスじゃないの？
　　}
}

ってことなんだよ。

function Klass() {
　　var event = {}
　　$("#id").on('click', function(event) {
　　　　// でもこう書くと、eventはKlassのeventじゃないの？って疑問は起きない。
　　}
}

何故かと言うと、Klassのeventはonclickのevent引数で隠されていると知っているから（よほどの初心者でもない限り）
thisもそれと同じように考えればいいという話をしている。

function Klass(this) {
　　var event = {}
　　$("#id").on('click', function(this, event) {
　　　　// こう考えればeventと同じように呼び出し元が渡す変数で、
　　　　// thisが何かなんて疑問は起きない。
　　}
}
0015Name_Not_Found
垢版 |
2016/02/24(水) 01:25:59.05ID:???
アロー関数には "function” というキーワードは存在しないから、
先に行った、"全てのfunction" にはthisが存在する。という
定義には当てはまらない。（ドヤァｗ）

function Klass(this) {
　　var event = {}
　　$("#id").on('click', (event) => {
　　　　// この場合でもthisが何かなんて疑問は起きない。
　　});
}
0016Name_Not_Found
垢版 |
2016/02/24(水) 01:26:38.20ID:???
newの説明もつけ加えるならば、クラスもfunctionなのだから
thisという引数がある。

function Klass(this) {・・・}

このKlassを、Klass()と呼び出せば、ドットがないので
Klassのthisはグローバルオブジェクトのwindow。

obj.klass = Klass などして、obj.Klass() と呼び出せばthisはobj。

ここまでは一緒。

今まで出てきてないnewの話を「追加」するならば、
new Klass() と実行すると、Klassのインスタンスになるってだけだよ。

ルールをまとめると、ある関数を呼び出す時
・ドットの左側がある・・・this引数にドットの左側のオブジェクトが入る
・ドットの左側がない・・・this引数にグローバルオブジェクト（window）が入る
・callやapplyを使っている・・・ドットの左側と無関係に、callやapplyの第一引数がthis引数に入る。
・newを使っている・・・インスタンスオブジェクトが作ら、そのオブジェクトが入る。
0017Name_Not_Found
垢版 |
2016/02/24(水) 01:27:03.88ID:???
"全てのfunction" には thisという引数がある。と言った通り補完してみればわかるだろう。
呼び出し元側は脳内で補完してくれ。ドットの前がthis、ただしcallとapplyを使えばそれをすげ替えられる。

function appendFunction (this, fn1, fn2) {
　return function (this) {
　　fn1.call(this);
　　fn2.call(this);
　};
}

var a = 0;
var obj = {
　　a: 10,
　　hoge: function(this){
　　　　this.a++;
　　}
}

obj.hoge();
console.log(obj.a);
console.log(a);
obj.hoge = appendFunction( obj.hoge, function (this) { console.log(1); });
obj.hoge();
console.log(obj.a);
console.log(a);
0018Name_Not_Found
垢版 |
2016/02/24(水) 01:27:29.91ID:???
thisの話は >>401- ぐらいに書いた。

一言で言うならば 全ての "function" にはthisという名前の引数があると考えればいい。

return function (this) {
　fn1.call(this);
　fn2.call(this);
};

つまりこういうことだ。もしこのthisがvalueとかいう名前だとしよう。

return function (value) {
　fn1.call((value);
　fn2.call((value);
};

valueは何か？と聞かれたら、呼び出し元で渡したもの。と答えるだろう？
thisも同じだ。thisは呼び出し元で渡すものだ。だからここだけ見てもわからない。

obj.foo() と呼び出すと、.（ドット）の左側がthisとして渡される。
ドットの左側がなければグローバルオブジェクト（this）だ

ただし、ドットの左側がthisになるという挙動は変更することができ、
callやapplyを使うことで、ドットの左側ではなく任意のオブジェクトをthisとして渡すことが出来る。

ここまで理解すればお前の疑問も解けるだろう？
0019Name_Not_Found
垢版 |
2016/02/24(水) 01:28:29.42ID:???
JavaScriptで一番有名なDOM用ライブラリであるjQueryのスレです。
jQueryを使うとJavaScript単体では面倒な処理でもほんの数行で実現可能になります。

このスレはjQueryやjQuery UIの使い方やjQueryプラグインの作り方を質問するスレです。
JavaScriptだけだと面倒だけどjQueryでもっと簡単に書けませんか？というのもOKです。

jQueryを使って作る側のスレであって、こんなプラグインありませんか？と
聞くスレではありません。そいうのは自分で探してください。
ろくにサポートもされてなさそうな野良プラグインの使用はおすすめしません。

前スレ
jQuery ライブラリ 総合質問所 vol.4
0020Name_Not_Found
垢版 |
2016/02/24(水) 01:31:05.94ID:???
jqueryのバージョンが多すぎてどれを使えばいいか分かりません
0021Name_Not_Found
垢版 |
2016/02/24(水) 01:32:12.87ID:???
>>20
単純に最新版を使えばいいと思うけど？
0022Name_Not_Found
垢版 |
2016/02/24(水) 01:33:00.04ID:???
jQueryでカレンダーのプラグインがほしいです
表示方法としては端っこに小さく表示するということです
FullCalendarを導入してみたのですがサイズ変更をしてみると幅が狭くなったのですが縦が少し変になってしまいました(スクロールしないと月末が見れない)
小さなサイズで月末まで一目で見れるプラグインってありますか
0024Name_Not_Found
垢版 |
2016/02/24(水) 01:36:40.53ID:???
■教えていただきたいこと
自サイト内で、別サイトを読み込み、印刷したいのですが、
以下２点以外の方法はありますでしょうか？
もしくは、「Tryしたこと１」でAirPrintから印刷できるようにするにはどうしたらよろしいでしょうか？

■Tryしたこと１
自サイトからfancyboxでポップアップを出して、その中に別サイトを読み込んたのですが、
AirPrintから印刷できなかったため、この手法は却下。

■Tryしたこと２
iframeで別サイトを埋め込む方法を検討したのですが、
埋め込み先のサイト側が、htaccessでX-Frame-Optionsヘッダに
DENYやSAMEORIGINを設定していた場合、読み込むことができないため却下。

以上、よろしくお願いいたします。
0026Name_Not_Found
垢版 |
2016/02/24(水) 01:38:58.13ID:???
enchant.jsについての質問です。
「ゼロから始めるenchant.js入門」という本に載っているバーチャルキーパッドを動かすプログラムを作成したのですが、なぜかバーチャルキーパッドが反応しなくて困っています...ソースコードをお手本からコピーしても動きませんでした。どなたか解決方法をお願い致します。

http://jsdo.it/qa/407
0027Name_Not_Found
垢版 |
2016/02/24(水) 01:39:59.02ID:???
>>25
回答がないのでこちらでも質問しました
0028Name_Not_Found
垢版 |
2016/02/24(水) 01:41:17.32ID:???
このスレを本スレにしようと必死だなｗ
0029Name_Not_Found
垢版 |
2016/02/24(水) 01:43:49.28ID:???
[Ex Code Prettify]の使い方について質問です。
http://www.cyokodog.net/blog/ex-code-prettify-doc/

デモエリア、HTML、CSSを表示したいのですが、
CSSを書くと、デモエリア以外にもそれが反映されてしまいます。
たとえばCSSに
* {text-decoration: underline;}
と書くと、HTML部分やCSS部分など、ページ全体全てに下線がついてしまいます。
CSSに書いたものをデモエリアにのみ反映させることは不可能でしょうか？
0030Name_Not_Found
垢版 |
2016/02/24(水) 01:48:17.79ID:???
google map を利用したアプリを趣味で作成しているものです。 google map で現在地は取得できましたが、常にリダイレクトしないと更新されない状態です。 リダイレクトしないで、更新する方法がありましたらどうかご教授願いますでしょうか。
0032Name_Not_Found
垢版 |
2016/02/24(水) 01:54:03.98ID:???
もうム板でいいんじゃねーか？ｗ
0033Name_Not_Found
垢版 |
2016/02/24(水) 01:55:29.47ID:???
Node.jsを勉強していてふと気になったので、質問しました。
以下のコードはドットインストールにあった、POSTされたデータをpostsという配列に組み込んで表示するというものなのですが、
readableイベント内で、read()を使って、リクエストされたデータをreq.dataに入れるときに、=ではなく+=を使っています。=でもいいのかと思いきや、
=の場合はconsole.log(req.data)の結果がBufferという謎の文字列になってしまいます。

これは一体どういうことなのでしょうか？
どなたか解説をお願いいたします。
http://ideone.com/1Tc7fB
0036Name_Not_Found
垢版 |
2016/02/24(水) 01:57:54.56ID:???
荒らしにかけちゃすげえ情熱だな
人生もったいないぞ
0037Name_Not_Found
垢版 |
2016/02/24(水) 02:00:26.31ID:???
あちこちからコピペして何がしたいんだろう？
0038Name_Not_Found
垢版 |
2016/02/24(水) 02:28:59.58ID:???
前スレの話し相手がいなくなって暇なのだろう
寂しがり屋だな
0043Name_Not_Found
垢版 |
2016/02/24(水) 02:55:58.20ID:???
片っ端から乱立したのageてさすがにやりすぎだろ
爆破予告とか猫殺す前に病院行けよ
0045Name_Not_Found
垢版 |
2016/02/24(水) 03:42:17.06ID:???
このスレは間違いです。

+ JavaScript の質問用スレッド vol.129 + [無断転載禁止]©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1454391152/
+ JavaScript の質問用スレッド vol.129 + [無断転載禁止]©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1456242835/
+ JavaScript の質問用スレッド vol.129 + [無断転載禁止]©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1456242505/
+ JavaScript の質問用スレッド vol.129 +©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1456250334/
+ JavaScript の質問用スレッド vol.129 +©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1456252519/
+ JavaScript の質問用スレッド vol.129 +©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1456252733/
0046Name_Not_Found
垢版 |
2016/02/24(水) 09:54:21.86ID:???
スレ乱立してるな。
これにしようか。
0047Name_Not_Found
垢版 |
2016/02/24(水) 14:16:09.89ID:???
すまん自分が構ったばっかりに
本当にごめん
0048Name_Not_Found
垢版 |
2016/02/24(水) 18:01:41.56ID:???
http://fiddle.jshell.net/fH4cC/179/show/light/ で立てようとしてるが、未だに規制で立てらなかった
代行依頼も利用しようとしてるが、ストーカーが別スレにコピペして荒らしだと思われているようで受け入れてもらえない
何とも念入りな荒らしだな...
0049Name_Not_Found
垢版 |
2016/02/24(水) 18:09:25.41ID:???
まだ立てる気かよ。このまま使えばいいだろ。
0053Name_Not_Found
垢版 |
2016/02/25(木) 13:39:19.73ID:???
ここが一番書き込みの勢いが高いから来たけど本スレはここでいいですか？
vue.jsの質問害したいんですがここでいいですか？
最適なスレがございましたら誘導してください。
0054Name_Not_Found
垢版 |
2016/02/25(木) 14:55:17.68ID:3FqzHawt
>>26
2chよりも、jsdo.it 内で、質問すれば？

>>33
これら2つは、異なるもの
a = x
a += x

a += x は、a = a + x
と同じ意味だから、追加している
0055Name_Not_Found
垢版 |
2016/02/25(木) 19:54:52.76ID:???
.
.
板違い（？）の上に、話をさえぎってしまいゴメンナサイ！(*_ _)人
でも、この板のユーザーさんにも有意義な告知かと思うのでカキコませてください。

★ 謝礼は十分いたします ★　アメブロなどのサイト制作ができる方！！　

アメブロなどを使用してのサイト制作のできる方を早急に求めています！
私はリケジョやPC女子からはほど遠く、サイト作成にはまったく疎いのでとても不自由しています…(> <；)
そこで私に代わりサイトを作成してくださる方を求めてこの場をお借りしました。

■サイトの内容…
アダルト系、違法性、その他公序良俗に反するものではありませんのでご安心ください。

■サイト制作の仕様ベース…
アメーバブログで十分です。願わくばwordpressなどのブログ形式のサイトを希望します。
それに準ずるもので使い慣れたものがあれば別のものでも構いません。

■条件はありません…
技術さえお持ちでしたら、学歴・職歴等は一切問いません。
フリーター、ニート、高齢ニート、コミュニケーション障害をお持ちの方、引きこもりの方、中年失業者、長期無職等、歓迎！

■作業形態…
作業は在宅でやって頂くことになりますので、時間の指定は一切ありません。別のお仕事の傍らに…でもOKです。

■詳細をお知りになりたい方は…
下記メールアドレスまでご連絡ください。詳しく書いた返信文を差し上げます。

※真剣な告知です。冷やかしはご遠慮ください。

井 上
inoue1952w★gmail.com
迷惑メール対策のため＠部分を★にしてあります。
実際に送信する際には★を＠マークに変えてください。
.
.
0056Name_Not_Found
垢版 |
2016/02/26(金) 10:31:11.90ID:???
何なの？出会い系サイトに登録して迷惑メール大量受信されたいの？
0057Name_Not_Found
垢版 |
2016/03/01(火) 11:59:05.87ID:???
こういう質問はするべきじゃないんでしょうが
callとapplyの意味が冗談抜きで理解できません
thisを呼び出す？みたいな言葉はなんとなくわかるんですが一体何がどうなるのか全くわかりません
0058Name_Not_Found
垢版 |
2016/03/01(火) 14:55:42.11ID:???
で、質問は？
ここはあなたのお悩み相談所じゃありませんが
0059Name_Not_Found
垢版 |
2016/03/01(火) 16:23:29.90ID:???
>>57
thisに関しては上の方に書いたよ。関数の隠れ引数みたいなものだって。
まあどんな所で使えばいいかわからないんだろうけどね。ぶっちゃけ殆ど使わないよｗ

たとえば、alert()ってあるよね？ 正確に言うとwindow.alert()
のwindow.alertっていう関数を別の変数に入れて実行しても動く。
var a = window.alert; a(); ← これは動く

でもこれは動かない。
document.a = window.alert; document.a();
なぜならaという関数の中では、thisはwindowであることが前提となっているから。

こういうときに強制的に、thisを変更するのがcallとapply
document.a.call(window); とすれば動くわけよ。

単純な処理ではこんなことしないのでcallやapplyは使わない。
だけどフレームワークやライブラリみたいなものになると使いたいことがでてくる。

例えばjQuery

$("button").on('click', function() {
　　// ここのthisはDOMのbutton要素になる
});

こういう仕組みを作りたいと思った時。on関数っていうのは引数のコールバック関数を
ライブラリ内の変数の何処かに保存しておきたくなるわけだけど、そのコールバック関数を呼び出す時に
コールバック関数のthisをbutton要素にしたい。と思ったとするだろう？
そういうときにcallやapplyを使えば、保存した変数がどこであっても、自由にthisを設定できる。

もしcallやapplyが存在しなければ、この仕様を作るためには、
button.dummy = コールバック関数; button.dummy() なんてことをしなければならなくなるわけ。
0060Name_Not_Found
垢版 |
2016/03/01(火) 16:38:10.23ID:???
少し例を変えたほうがいいかな。

window.dummy = window.alert;
window.dummy(); ← これは動く

document.dummy = window.alert;
document.dummy(); ← これは動かない。
なぜならdummy関数の中ではthisはdocumentだから


jQueryのコールバック関数の中で、thisをbutton要素にしたいのなら
callやapplyがなかったとしたら、
button.dummy = コールバック関数
button.dummy() としなければならない。
button要素にdummy関数なんてものを生やす必要が出てくる。

callやapplyがあるおかげで
コールバック関数.call(button) とするだけで良くなる。
0061Name_Not_Found
垢版 |
2016/03/02(水) 04:05:08.54ID:???
犬オブジェクトでは、鳴くことができる。
犬.鳴く

でも、猫オブジェクトには、鳴くメソッドがないけど、猫にも鳴かせたいとき、
this に猫オブジェクトを設定して、鳴かせてみよう

猫.鳴く
0062Name_Not_Found
垢版 |
2016/03/02(水) 06:16:01.22ID:???
犬オブジェクトでは、鳴くことができる。
犬.鳴く ワン！

でも、猫オブジェクトには、鳴くメソッドがないけど、猫にも鳴かせたいとき、
this に猫オブジェクトを設定して、鳴かせてみよう

猫.鳴く ワン！



鳴く（関数）が一緒なので当然こうなります。
0063Name_Not_Found
垢版 |
2016/03/02(水) 08:39:45.99ID:???
いつまで連投してんのこのゴミ
0064Name_Not_Found
垢版 |
2016/03/02(水) 10:39:21.72ID:???
板違い（？）の上に、話をさえぎってしまいゴメンナサイ！(*_ _)人
でも、この板のユーザーさんにも有意義な告知かと思うのでカキコませてください。

★ 謝礼は十分いたします ★　アメブロなどのサイト制作ができる方！！　

アメブロなどを使用してのサイト制作のできる方を早急に求めています！
私はリケジョやPC女子からはほど遠く、サイト作成にはまったく疎いのでとても不自由しています…(> <；)
そこで私に代わりサイトを作成してくださる方を求めてこの場をお借りしました。

■サイトの内容…
アダルト系、違法性、その他公序良俗に反するものではありませんのでご安心ください。

■サイト制作の仕様ベース…
アメーバブログで十分です。願わくばwordpressなどのブログ形式のサイトを希望します。
それに準ずるもので使い慣れたものがあれば別のものでも構いません。

■条件はありません…
技術さえお持ちでしたら、学歴・職歴等は一切問いません。
フリーター、ニート、高齢ニート、コミュニケーション障害をお持ちの方、引きこもりの方、中年失業者、長期無職等、歓迎！

■作業形態…
作業は在宅でやって頂くことになりますので、時間の指定は一切ありません。別のお仕事の傍らに…でもOKです。

■詳細をお知りになりたい方は…
下記メールアドレスまでご連絡ください。詳しく書いた返信文を差し上げます。

※真剣な告知です。冷やかしはご遠慮ください。

井 上
inoue1952w★gmail.com
迷惑メール対策のため＠部分を★にしてあります。
実際に送信する際には★を＠マークに変えてください。
0065Name_Not_Found
垢版 |
2016/03/02(水) 19:57:31.41ID:???
下記のソースはランダムに中身を１つ選んで表示するというものです。
これを中身をランダムに被りなく３つ取り出すようにしたいのですがどう書くといいのでしょうか？

var msg = new Array();

msg[0] = 'aaaa';
msg[1] = 'bbbb';
msg[2] = 'cccc';
msg[3] = 'dddd';
msg[4] = 'eeee';
msg[5] = 'ffff';

var no = Math.floor(Math.random() * msg.length);

document.write(msg[no]);
0066Name_Not_Found
垢版 |
2016/03/02(水) 20:27:01.84ID:???
>>65
配列から取り出した要素を消すor取り出した要素を覚えて置いて一致したら再度ランダムに取得する
0067Name_Not_Found
垢版 |
2016/03/02(水) 21:08:47.63ID:???
試行錯誤のすえできました
0069Name_Not_Found
垢版 |
2016/03/03(木) 07:13:32.46ID:???
>>59>>60
今更だけどありがとう・・・！
このレスがきっかけでようやく理解できました
0071Name_Not_Found
垢版 |
2016/03/03(木) 15:09:30.74ID:???
>>68
var msg = [
'aaaa',
'bbbb',
'cccc',
'dddd',
'eeee',
'ffff',
];
この書き方は初めて知りました。

しかし、肝心の
console.log(_.sampleSize(msg, 3))
が上手く表示されませんでした。
すみません。
0072Name_Not_Found
垢版 |
2016/03/03(木) 19:34:07.64ID:???
Cの「関数のポインタ」みたいに
　var _a = window.alert;
　_a('test');
は出来るのに
　var _w = document.write;
　_w('test');
が出来ないのは何故ですか？
0073Name_Not_Found
垢版 |
2016/03/04(金) 02:15:10.93ID:???
>>72
object.method() と実行した時、
methodの中では、thisはobjectだけど、

var _method = object.method;
_method() と実行する時、つまり.（ドット）の前がない場合は
_methodの中ではthisはグローバルオブジェクト（ブラウザではwindow、nodeではglobal）と
仕様で決められているから。

_a('test) も _w('test') も thisは両方windowになっている。
0074Name_Not_Found
垢版 |
2016/03/04(金) 03:35:01.13ID:???
>>71
lodashっていうライブラリを読み込まないとだめだよ。
https://lodash.com/

ドキュメント見たりググればわかるけど、このコード実行前に、
HTMLの書いたscriptタグでlodash.jsを読み込む必要がある。
0075Name_Not_Found
垢版 |
2016/03/04(金) 14:45:50.55ID:???
>>73
ありがとうございます。
呼ばれた先にthisに依存する参照があるという事ですね。
0076Name_Not_Found
垢版 |
2016/03/04(金) 15:03:14.31ID:???
>>75
そうそう。関数の内部でthisを使ってるかどうかは、中を見ないと分からないが、
呼び出し方によってthisが変わるわけで、中でthisを参照していれば
当然呼び出し方によって、動いたり動かなかったりする。
0077Name_Not_Found
垢版 |
2016/03/06(日) 23:17:53.33ID:???
質問というかJavaScriptの感想を教えてくれ

1.習得に必要な期間
受講生は他のプログラムに触れたことがあり、一日５時間勉強にあてられる
最終目標は簡単なプログラムを何も見ずに作れる程度

2.JavaScriptの利便性
今後も使われることは増える可能性があるか
0078Name_Not_Found
垢版 |
2016/03/06(日) 23:27:22.35ID:???
>>77
簡単ってなんだ？テトリスぐらいか？
可能性は無限だからがんばれ
0079Name_Not_Found
垢版 |
2016/03/07(月) 01:56:50.99ID:???
JavaScriptは今後毎年仕様が追加されて使いやすくなっていく。
今からでも学ぶ価値があるし、
将来性も高い。
デスクトップアプリも作れるようになってるしね。
慣れたらtypescriptに手を出してもらいたい。
ちょっと追加の言語仕様を学ぶ必要はあるけど、
ライブラリの必要パラメータとかある程度教えてくれるようになるから
周辺ライブラリの学習に役立つ。
0080Name_Not_Found
垢版 |
2016/03/07(月) 02:06:36.71ID:???
>>79
仕様の追加と使い易さとは同意じゃない
0081Name_Not_Found
垢版 |
2016/03/07(月) 03:57:09.90ID:???
prototypeを使ったクラスメソッド定義の際
prototype={}が駄目な理由ってなんですか？
というかconstructorの必要性が分かりません
0082Name_Not_Found
垢版 |
2016/03/07(月) 07:43:15.44ID:???
他の言語使えるヤツなら3日で覚えるだろこんなクソ言語
0083Name_Not_Found
垢版 |
2016/03/07(月) 08:18:11.35ID:???
>>82
他の言語の経験が活かせて3日で覚えられるということは、
クソ言語ではないということですよ。
似ているということなんだから。
0084Name_Not_Found
垢版 |
2016/03/07(月) 09:49:43.77ID:???
3日で覚えて5日で頭きて7日で捨てる
0085Name_Not_Found
垢版 |
2016/03/07(月) 09:51:29.51ID:???
3日頑張って5日で理解できず7日で捨てる
0086Name_Not_Found
垢版 |
2016/03/07(月) 12:46:29.53ID:???
センスないやつほど忌避する言語ではあると思う
0087Name_Not_Found
垢版 |
2016/03/07(月) 13:20:45.94ID:???
グローバル変数をローカルで使用する時のみ変更するって事できますか？

var hoge['ichi'] =0;

function test1(){
hoge.ichi =1
console.log(hoge.ichi);
}

function test2(){
console.log(hoge.ichi);
}

test1();;←1になる
test2();←0に戻ってる
0088Name_Not_Found
垢版 |
2016/03/07(月) 13:38:40.00ID:???
えっ？
グローバルからは、アクセス禁止にするっていうこと？
純粋に変数じゃ無理じゃないの？
どっちにしても、オブジェクトにしないと行けないと思う
0089Name_Not_Found
垢版 |
2016/03/07(月) 16:23:11.96ID:???
>>87
何をいっているかわからないがクロージャーを使うのはどう？

function hoge() {
var ichi = 0;
return [function () {
ichi = 1;
},
function () {
console.log(ichi);
}];
}
var _a = hoge(), func1 = _a[0], func2 = _a[1];
func1(); //ichi <- 1
func2(); // console.log(1)
0090Name_Not_Found
垢版 |
2016/03/07(月) 16:33:15.86ID:???
>>77です。
お答えいただけて嬉しい限りです。
参考にさせていただきました。
ありがとうございました。
0092Name_Not_Found
垢版 |
2016/03/15(火) 02:34:05.45ID:???
ES2015のクラス定義について聞きたいんですが
アロー関数のようにthisを束縛した状態でメソッド定義する方法ご存じないですか?
以下のようにするしかないんですかね？面倒くさいんですが、、、、

class RadioOther{
constructor(props) {
this.onRadChange = this.onRadChange.bind(this);
}

onRadChange() {
...
}

...

}
0093Name_Not_Found
垢版 |
2016/03/15(火) 04:12:48.07ID:???
>>92
何をしたいのか全くわからん。
これでいいだろ。

class RadioOther{
　constructor(props) {
　　// 不要
　}

　onRadChange() {
　　...
　}

　...
}
0094Name_Not_Found
垢版 |
2016/03/15(火) 12:28:31.81ID:???
>>93
setIntervalとかにメソッドを登録するとthisの指す先が変わってくるので
それをなんとかしたいって話です。
>>92 の方法が一番簡単なんですかね。でももっとclass定義の仕方として
良いやり方がないかなと
0095Name_Not_Found
垢版 |
2016/03/15(火) 12:46:06.36ID:???
>>92
やろうとしていることがJavaScriptの良いところを殺してしまっている感じ
ここは本スレじゃないから>>91で質問し直した方がいい気がする
0096Name_Not_Found
垢版 |
2016/03/15(火) 13:56:41.03ID:???
>>94
クラス関係ないじゃん。

setInterval(this.onRadChange.bind(this), 2000)

だろ。
0097Name_Not_Found
垢版 |
2016/03/17(木) 09:33:04.40ID:???
>>94
_this = this
で参照を保存しておけば？
0098Name_Not_Found
垢版 |
2016/03/29(火) 21:22:41.79ID:???
var Object ={};がありまして
このObjectの中にあるプロパティとメソッドの返り値をconsole.log()で表示したいです
どうすればいいでしょうか？
009998
垢版 |
2016/03/29(火) 21:23:40.89ID:???
言い忘れました
このObjectの中にある全てのプロパティとメソッドを
です
0103Name_Not_Found
垢版 |
2016/04/10(日) 21:41:53.52ID:FKlZV5kk
6
0104Name_Not_Found
垢版 |
2016/04/11(月) 11:24:28.68ID:???
>>86
こういうjsしかできない奴だ本気で引くわ
普通に冗長なクソ言語たぞ
0105Name_Not_Found
垢版 |
2016/04/11(月) 13:35:24.80ID:???
>>104

まあまあ、LLにそんな目くじら立てるなよjk
余裕が無いぜぇw
0106Name_Not_Found
垢版 |
2016/04/29(金) 09:18:36.26ID:???
for (;;)
ソースコードでこういう文があったんですが
コレってどういう意味ですか？
■ このスレッドは過去ログ倉庫に格納されています
ニューススポーツなんでも実況