+ JavaScript の質問用スレッド vol.126 + [転載禁止]©2ch.net
JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-4のテンプレを読んだ上で質問してください。
■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。
(4) 常に自発的に調べる心構えを持ってください。
具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
※必ず「問題の事象が再現されること」を確認してください。
必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。
(9) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。 はぁ？
単語検索でprinterにマッチさせないようにするためだろ。
それぐらい気づけよｗ
下手なのは自分ってことだ。 うわｗ 本当に気づかないんだｗ
正規表現じゃないのは、単純な文字列マッチなら
indexOfの方が速いからってのも気づいてないんだろうな。 良く分からんが、ぱっと見てよく分からんって言う人が何人もいる以上、
大したことない例なのは間違いないだろう。
それと速度と単純さを主張するのであればどうしてincludesを使わない？
indexOfで==-1は今やバットノウハウだろう。 関数化してあるならいいだろうけど
indexOfの方が早いからってそれがループの中にあるならともかくねえ
下手な小細工の癖ついたやつのコードは読みたくないなあ いや皆さん、それ4年前の記事じゃないすか
今2015年ですよ includesはともかくtestとかの方が適切だな
もしくはindexOfを使うのならきちんと順番を利用するものにしないと
１つの小細工の知識としてはいいのかもしれないけど
indexOfの説明としては不適切だな 10年前ならそんな時代のを参考にする質問者が悪いと言いたいが、
5年前ならgood partsやらなんやら出た後だし筆者の責任も重いだろうな ×include
○includes
綴もきちんと書けないのはアンタだけ
そんな奴が何言っても無駄 >>116
> それと速度と単純さを主張するのであればどうしてincludesを使わない？
↑間抜けすぎだなｗ
> いや皆さん、それ4年前の記事じゃないすか
> 今2015年ですよ >>116
> それと速度と単純さを主張するのであればどうしてincludesを使わない？
使わないじゃなくて使えない。
すべてのブラウザで使えるわけじゃないし、
対応してないブラウザのincludesの実装としてのコードだろ。 >>119
> includesはともかくtestとかの方が適切だな
単純な文字列比較なら正規表現は使わないほうがいい。実際にやればわかる。
比較したい文字列にメタ文字が入っていたらどうする？エスケープしないといけない。
それを込みでコードの複雑さと処理時間を考えるべき。
単純な検索なら、シンプルな方法使ったほうがいい。 http://peace.2ch.net/test/read.cgi/hp/1439005423/108 より。
> http://nazomikan.hateblo.jp/entry/20110303/1299167055
> 文頭に半角スペースつけなくても、文頭のintのマッチングができると思うのですが、文頭の半角スペースの意味が分かりません
筆者が String#indexOf は -1 と比較するものと固定観念を持っているからだろう。
前方一致なら index が 0 になる事は自明。
'interesting'.indexOf('int') === 0; // true
'printer'.indexOf('int') === 0; // false テンプレ談義よりこういうくだらない話題のほうが面白いのはなんでだろう 皆キャラになりきってストレス発散してるから。
会社では皆つまらない真面目人間。 >>125
横レスだが自分の都合に合わせて話を一般化したりしなかったりするのは止めたほうが良い
まあやはり脳が機能停止してるんだろうけどな >>129
そのままコピペして使い回し出来そうな
一般論はいいんで、具体的なこと言ってくれない？ｗ なんだか急に中身の無い煽りになってつまらなくなった まあ誰しも寄ってたかって貶されちゃ辛いしそれを認めたくないだろう
そこでどうするかが人間の大きさを決めるんだが
ちっぽけな彼が自分でも何を言っているのか分からないけど
とにかく反論しようとする自衛モードに入ってしまったのは仕方がない はい。半角スペースが意味があることがわかりました。
それから、話題になってるincludesってこれですか？
String.prototype.includes()
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/includes
ie対策に↓を記述するとすると、結局indexOfを使用して遅いってことに
なるのでしょうか？
if (!String.prototype.includes) {
String.prototype.includes = function() {'use strict';
return String.prototype.indexOf.apply(this, arguments) !== -1;
};
} あのね、、、遅い早いって言うのはもう実際困ってから言ってね。
今のJSエンジンならどんな書き方でも殆どの場合問題ないから。
よっぽど何かのゲームエンジンだとかそこがボトルネックになりそうなライブラリだとか作るときになって初めて考えてちょうだい。 >>134
初心者君に１つ重要なアドバイスだが、
１つ１つのAPIは正しく認識した方がいい。
例えばindexOfはけして文書からキーワードを見つけるという機能ではない。
結果的にそういう用途にも使えるけれど、
実際は正規化どころかサロゲートペアも考慮してくれないから、
それだけでは検索という機能を正しく実現させられることは少ない。
それはincludesであっても同じ。
そしてもし速さで考えるなら最初から文字列ではなくバッファとして取得して
SABとWorkerとSIMDでも使うのが一番だろうけれど、
そういう理想論が最善であることは珍しい。 それも理想論なんだけどな。
まあ現実はボチボチ適当にやっていくしか無いでしょ。
誰しも完璧ではないし、完璧にはなり得ない。
それを弁えた上で完璧に近づくことを目指して
沢山の人が書いたサンプルや記事に触れていくってのが大事だと思う。
人のコードを読むって最初は自分で書くより難しいと思うけれど
くじけずに続けていれば意図も良し悪しも分かってくるよ。
まあ情報は新しめの物を選ぶってことには注意した方が良い。
基礎分野であっても5年前は賞味期限切れだよ。 大学生のときに、javascript、php、mysqlでwebアプリケーションを作って
レンタルサーバーに設置しました。
っで、細かいとこはすっ飛ばしてwebアプリ作ったので、
Javascriptのよく分かってないとこを細かく勉強してます。
もう、どれがいいとか、古いとか新しいとか言ってたら永遠にwebアプリ
なんて完成しないので、とにから完成を目標にして作成
→いつでも目に見えるようにレンタルサーバーに設置
→よく分からいとこを細かく勉強
って流れてプログラミングの勉強してます。 >>137
基礎分野の賞味期限が５年って、アホかｗ
現役バリバリのハフマン符号化が何年に開発されたかしらんのか？
ロケットのOSが何時開発されたのかしらんのか？
基礎技術は廃れないから基礎なんだよ。 でさ、発端のブログ記事のコードに関していえば
基礎分野とか基礎技術とかそんな学術的な単語で語るようなもんじゃないわけで
なにをいいこと言った感でケンカしてんだか >>141
基礎分野の賞味期限ではなく、基礎分野の情報の賞味期限だよ。
JSは進化も早くいろいろ前提になるものや、様々な常識が変わるのも早い。
時が経つと細かなニュアンス的なことやスタイルや記法の特徴も含めて徐々に感覚が世間と乖離していく。 >>142
根本的なところを間違ってる。
例えばJavaScriptという言語の文法は基礎ではない。
比較命令、ループ、関数、クラス、クロージャー。
こういったものが基礎。
ES7とか、基礎技術は昔からさほど変わらず、
言語に新たな基礎技術が取り入れられたにすぎん。 クイックソートとか二分木検索とか、要はアルゴリズムがソフトウェアにおける「基礎分野」だよ。
言語仕様に起因する最適化知識はたんなる枝葉の「Tips」に過ぎない。 ＞たんなる枝葉の「Tips」に過ぎない
そう
しかも、どこの馬の骨とも付かぬ輩の「こんなこともできるよ わーい」なわけで
そんなものきっかけでおまえらはなにやってんだよ ここは荒らしのスレです。本スレは>>103で立てられています。
+ JavaScript の質問用スレッド vol.126 + [転載禁止]©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1444186237/ 一度削除依頼を出してもらったほうがいいかもね。
常にこの板監視してるわけじゃないからどれが荒らしスレなのか判断が出来ないから俺はやらないけど >>148
すでに削除依頼はスレ立てた本人によってされているのです。
でも削除しないんです。管理人の怠慢なのでどうしようもありません。
http://peace.2ch.net/test/read.cgi/hp/1444186237/2
> 2 自分：Name_Not_Found[] 投稿日：2015/10/07(水) 11:55:20.42 ID:71WBOfKy [2/2]
> すみません。重複スレでした。
> ここは削除依頼済みです。
>
> ↓こちらへどうぞ 現在の２ちゃんねるでは、よっぽどのことがなければその種の削除依頼は処理されません
怠慢というよりそういう方針なようです
かつてのように削除人がたくさんいた頃とは違いますので諦めてください 以前は荒らしが立てたJavaScriptスレ全てに削除依頼出してたが、対応されないからもう諦めたよ
このスレも削除依頼を出しても対応されないのは目に見えてる とりあえず荒らしの自演を尻目に誘導すればいんじゃね？ｗ ここは荒らしのスレです。
+ JavaScript の質問用スレッド vol.126 + [転載禁止]©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1444186237/ 初歩的なことかもしれませんが、調べてもそれらしい内容が見つからなかったので質問させてください。
例えば、var1と3と比較するときに「3 == var1」と変数を後ろに記述したものを見かけますが、
①「var1 == 3」とは書き方が違うだけで同じものなのか
②どちらの書き方がより広く使われているのか
③パフォーマンスに差異はないのか
お願いします。 １同じ
２コーディング規約があればそれに従う
3ない >>155
== を = に誤記したとき
3 = var1 ならエラーになってくれる、というのが理由かな >>155
> ①「var1 == 3」とは書き方が違うだけで同じものなのか
同じものです。
> ②どちらの書き方がより広く使われているのか
var1 == 3 というか、正確にはvar1 === 3ですね。
> ③パフォーマンスに差異はないのか
ありません。 本スレ
+ JavaScript の質問用スレッド vol.126 + [転載禁止]©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1444186237/ .
.
板違い（？）の上に、話をさえぎってしまいゴメンナサイ！(*_ _)人
でも、この板のユーザーさんにも有意義な告知かと思うのでカキコませてください。
★ 謝礼は十分いたします ★ アメブロなどのサイト制作ができる方！！
アメブロなどを使用してのサイト制作のできる方を早急に求めています！
私はリケジョやPC女子からはほど遠く、サイト作成にはまったく疎いのでとても不自由しています…(> <；)
そこで私に代わりサイトを作成してくださる方を求めてこの場をお借りしました。
■サイトの内容…
アダルト系、違法性、その他公序良俗に反するものではありませんのでご安心ください。
■サイト制作の仕様ベース…
アメーバブログで十分です。願わくばwordpressなどのブログ形式のサイトを希望します。
それに準ずるもので使い慣れたものがあれば別のものでも構いません。
■条件はありません…
技術さえお持ちでしたら、学歴・職歴等は一切問いません。
フリーター、ニート、高齢ニート、コミュニケーション障害をお持ちの方、引きこもりの方、中年失業者、長期無職等、歓迎！
■作業形態…
作業は在宅でやって頂くことになりますので、時間の指定は一切ありません。別のお仕事の傍らに…でもOKです。
■詳細をお知りになりたい方は…
下記メールアドレスまでご連絡ください。詳しく書いた返信文を差し上げます。
※真剣な告知です。冷やかしはご遠慮ください。
井 上
inoue1952w★gmail.com
迷惑メール対策のため＠部分を★にしてあります。
実際に送信する際には★を＠マークに変えてください。
.
. こんな匿名掲示板でなくて、facebook や twitter でツテをたどった方が良いと思う。
真剣ならなおさらね 【Ｗｉｎ１０】 こんな犯罪級ＯＳ薦めんなよｗｗｗ ↓ 【スパイウェア】
この使用許諾契約書には書かれています
”最後にあなたのコンテンツを含む個人データ（例えばあなたの電子メールの内容や―プライベート通信やプライベートフォルダ内のファイル）にアクセスし―開示し保全します”
開示する ここ重要だよ
契約がなければ通常 高度な違法行為になりうることです それはあなたが自分の意思としてこの契約書に同意したのです
https://www.youtube.com/watch?v=ZBwEmgdqB1c
【秘密保護法】 ナチスの手口でサヨクを捕まるんだろ？ 早くやってみろよ m9(^Д^) 【緊急事態法】
スノーデン氏→国家秘密法は諜報機関ＮＳＡの日本での活動を容易にするために米国が設計して日本政府に導入を要求したもの。
全日本人が調査の対象であり、ＮＳＡはあなたの交際関係、信仰等の個人情報を把握している。
https://twitter.com/hopi_domingo/status/740193540529999873
今朝、辺野古で新基地建設に反対するママの会メンバーに対して、機動隊員が「お前たちには汚い血が流れている」などと暴言を吐いたそうです。
自分のやっていることを「だってお金欲しいもん～」「俺の写真を待ち受けにしろ」とも （顔写真）
https://twitter.com/MothersNoWar/status/690357793702940672
サンマ以降のバラエティ芸人の大半が、暴走族出身で極右思想。原発反対派を「放射脳」と嘲笑する連中。
芸能界極右は石原慎太郎一家を筆頭に、上田晋也 草野仁 津川雅彦 向井理 松本人志 宇多田ヒカル マツコ 春日俊彰 田村淳 北村晴雄
https://twitter.com/tokaia mada/status/630627400552845312 AP層との通信に失敗しました。:[[A1S1E001E] com.fujitsu.mc.a1.scm.MCPiException@23435555
復帰コード = 7051 メッセージ = "予期せぬ例外"java.net.NoRouteToHostException"を検出しました。
[java.net.NoRouteToHostException: ホストへの経路がありません]" ログ出力済フラグ = true ]
大株主
今井メロ
ソニー放送メディア 出井投資顧問 ジェイアール東日本企画
ノーザントラスト ドイツ銀行（ロンドン） 日本経済新聞社
東京電力 三井物産 信託口（大日本印刷） 東映 国際放映
小学館集英社プロダクション 郵政共済組合 京セラ 毎日放送
日本トラスティ信託 三菱商事 学校法人帝京大学 東京都
テレビ愛知ミュージック チェースマンハッタン（ロンドン）
西友 糸山英太郎 テレビ東京ミュージック 財務大臣
千葉県 日本マスター信託 竹田本社 住友商事 モルガンスタンレー
毎日放送 村上（個人）
聖飢魔II
もう人形はいやだ
あみん
ちくわ
中山美穂
抜いてる毛剃ってる毛
ＢｏＡ
カネクリ ちょっと質問があります。
コンピュータ・ソフトウェアに関してなのですが、全く新しい技術を開発して、
その技術を駆使して、今までに無いような斬新なアイデアのウェブサービスを立ち上げようと思った場合、
やはり、一流の大学・大学院の情報系の学部学科・研究科に入る必要があると思いますか？
東京大学理学部情報科学科に入りたいと思っているのですが、
現在23歳でもうすぐ24歳になるという年齢のことを考えると、
やはり年齢的に厳しいのではないかと思っているのです。
もちろん大学に入るのに年齢に上限は無いのですが、
それでも、この年齢で10代の人たちとやっていくのはいろんな意味でかなりキツイような気がするのです。
かと言って別の大学だともっと無理だと思うわけです。
別の大学だと東大以上に現役入学率が高いわけですから・・・・・。
なので、年齢にあまり関係がない通信制の大学を考えているのですが、
やはり、自分のような目的のある人は、通信制の大学なんかで学んでも、
あまり意味が無いのでしょうか？
やはり、一流の大学に入らないと自分が言ってるような目的を達成することは不可能なのでしょうか？
ちなみに、通信制の大学なんですが、北海道情報大学のシステム情報学科というところを考えています。
誰かいろいろと教えてください。お願いします。 HPなどで友達が稼げるようになった情報とか
⇒ http://asaswq3wq.sblo.jp/article/181819223.html
興味がある人だけ見てください。
JQRZBVXHM2 誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』
5TNTB insertBeforeでフレーム内に要素を追加するにはどうすればいいでしょうか?
document.frames('a').document.getElementsByName('b')[0]
という感じで間にフレームを入れても追加できません >>174
document.frames()じゃなくてwindow.frames[]
ちなみにローカルでテストする場合今時のブラウザはfileurlスキームからだと同じフォルダにあったとしてもクロスオリジンになってframe内には触れないのでサーバー立てる必要あり >>175
ありがとうございます。
window.frames[]で追加できました
しかし、フレームの中にフォームがある場合は追加できません
window.frames[].document.forms[]も、
window.frames[].window.forms[]もダメで、
そもそもフレーム内に追加する例が見つかりません
もしかしたら、今時はこんなやり方はしないのでしょうか? 「javascript window.frames」で検索！ >>177
やっとわかりました。
window.frames[].document.forms[].document.getElementsBy～じゃなくて、
window.frames[].document.forms[].elements[]なんですね
ずっとVBAの感覚で考えてました
ありがとうございました document.querySelector("#hoge").innerHTML = <span role="textbox"><test></test></span>";
と入力してテキストボックス内に<test></test>と表示したいのですが上手く行きません
<を<にエスケープすれば解決しますが、他に"<test></test>"で囲ったりして解決する方法はないのでしょうか？ document.querySelector("#hoge").innerHTML = '<span role="textbox"></span>';
の後に
document.querySelector("#hoge>span").innerText = '<test></test>';
とか？
悪いけどエスケープよりメモリ・速度とも効率悪いよ
なんでそんな要件なのか、何がしたいのか全然書いてないからこうしたら？のアドバイスもしづらい >>179
エスケープ用の関数用意してからテンプレートリテラルで
console.log(`<span role="textbox">${escape_html("<test></test>")}</span>`);
https://qiita.com/saekis/items/c2b41cd8940923863791 自分のホムペに天気予報だけとってきて出したいんですが、できますか？
ＩＦＲＡＭＥを使えばできると自分は聞いたんですが相手の画面全部が入っ
てしまいます。焦ってます。ＪＡＶＡが得意でなんとか出来る方法を知って
る方お願いします。 Windows10なら天気は常時右下に表示されてると思うけど、需要あるんかいな のようなコードが出てきますが出来ません
Rubyとかはサイトが非対応みたいです 自分のサイトに置いてあるjsonファイルを一緒に置いてある
javascriptから書き換える方法を知ってる人いますか
（URLが書き込めない）
のようなコードが出てきますが出来ません
Rubyとかはサイトが非対応みたいです
jsonの内容は{"a":1}だけで
aを2に変えるだけのコードを教えてください
言葉で説明されても全くわかりません function WriteToFile(){
let hugastring = JSON.stringify(huga);
let blob = new Blob([hugastring],{type:"text/plan"});
let link = document.createElement('a');
link.href = UR.createObjectURL(blob);
link.download = '作ったファイル.json';
link.click();
} スクリプト初心者です。教えてください。
画像（25枚くらい）をページの端のほうに小さくスライドショー
でのせたいと思っています。
画像の出方はアクセスするたびランダムで
どの画像をクリックしても同じＵＲＬへ別windowで飛ぶようにしたいんです。
どうにかスライドショー＆リンクまではできましたが
どうやっても別windowで開かないんです。
どうすればいいのでしょうか？
よろしくお願いします。 >>189
単にaタグで囲めばいいんじゃない？
JSでやる必要ないよ >>190
ありがとうございます。
何度もソースコードを投稿しようとしているのですがはじかれます。
すみません。 スクリプトタグは、はじかれる。
<scr＠ipt>
コードは、jsfiddle, paiza などへ書けばよい。
>>2-4
を参照 >>183
iframe にサイズ指定をすれば、小さく表示されるのでは？ >>186
ファイルの保存は、バックエンド(サーバー側)の言語で書く
例えば、Ruby on Rails なら、Rubyで書く。
Word Press なら、PHP で書く。
Node.js なら、JavaScript で書く
だから、まず、サーバーのフレームワークが何で、言語が何か、調べなければならない
それかサーバーに、ファイル保存用のAPI が作ってあって、
それを通して、保存できるようになっているとか >>194
ありがとうございます
意味わからなくて無理そうなのでjsonに保存するのは諦めて
javascriptの変数をメールフォームに入れて送るのを試してみます すいません、下記のようにボタンを押した時の処理をあらかじめ一つずつJSで書いて書いてるんですが、
ボタンの種類と数が莫大な量になるとJSを書くのが大変になってきました
逆にクリックされた任意のボタンオブジェクトを変数に入れる方法ってあったりしますでしょうか
（ボタンがクリックされる→クリックされたボタンのclassやvalueやtextを調べて目的の処理、という順番に変更したい）
下記が現状のコードです
・html
<button class="BtnA" value="固有の番号">ボタンAタイプ</button>
<button class="BtnA" value="固有の番号">ボタンAタイプ</button>
<button class="BtnB" value="固有の番号">ボタンBタイプ</button>
・js
const BtnA = document.getElementsByClassName('BtnA');
for(i=0;BtnA.length>i;i++){
BtnA[i].addEventListener('click', () =>{
//ここに押された時の処理を書く（固有の番号毎に別々）
});
}
const BtnB = document.getElementsByClassName('BtnB');
以下BtnAのコードとほぼ同様の個別処理がBtnB～BtnXまで延々と続く感じ イベント移譲
ボタンの親にイベントをつけてevent.targetを調べれば、押されたボタンが分かる 求めてることのイメージ的には下記みたいな感じですがこの一番最初の行の書き方がわからないです
//何かわからんがボタンが押された！
ボタン〇〇addEventListener('click', () =>{
//何のボタンが押された？
クラス名=ボタン〇〇..className;
if(クラス名="BtnA"){
//その他処理
}
}); ボタンの外側のエレメントなりbodyなりにイベントリスナ仕込んでevent.target.nodeNameがBUTTONかどうかチェックすればいい class="BtnA BtnAll"
class="BtnB BtnAll"
みたいに、BtnAll で、すべてのボタンの処理をまとめれば？
jQuery で書けば、
<button class="BtnA BtnAll" value="1">A-1</button>
<button class="BtnA BtnAll" value="2">A-2</button>
<button class="BtnB BtnAll" value="3">B-3</button>
$( ".BtnAll" ).on( 'click', function ( ) {
console.log( $(this).prop( 'value' ) )
} ); >>202
では、event listener の数が多くなるのか。
それなら、外側・親に、イベントを付けて、親でイベントをキャッチする
jQuery で書けば、
<div id="btn-wrap">
<button class="BtnA" value="1">A-1</button>
<button class="BtnA" value="2">A-2</button>
<button class="BtnB" value="3">B-3</button>
</div>
$( '#btn-wrap' ).on( 'click', function ( event ) {
console.log( $( event.target ).prop( 'value' ) )
} ); この種の質問は何度もされてると思いますが prototypeを使った継承について教えてください
function Base(x=0,y=0) { [this.x, this.y] = [x, y] }
Base.prototype.hello = function () { console.log("hello:"+ this.x +"," + this.y) }
// パターン 1
function Derived(z=0) { Base.call(this,10,20); this.z = z }
Derived.prototype = Object.create(Base.prototype); // → Base {}
let obj = new Derived(30); // → { x: 10, y: 20, z: 30 }
obj.hello(); // → hello:10,20
obj.__proto__.__proto__.hello === Base.prototype.hello; // → true
// パターン 2
Derived.prototype = {...Base.prototype}; // → { hello: [Function (anonymous)] }
obj = new Derived(30); // → { x: 10, y: 20, z: 30 }
obj.hello(); // → hello:10,20
obj.__proto__.hello === Base.prototype.hello; // → true
obj.__proto__.__proto__.hello === Base.prototype.hello; // → false
よく紹介されているパターン 1 だと hello メソッドへの参照は 間に挟まった Baseインスタンスの分だけ遠くなります.
パフォーマンス的にはパターン 2 の方が良さそうに感じますが何か問題があるでしょうか？ スプレッド構文でコピーしちゃったらそのあとでBase.prototypeに何かしても反映されないし
getter/setter/列挙不可能プロパティあたりで問題があるかな >>205 ありがとうございます
> あとでBase.prototypeに何かしても反映されない
ああ...確かにそうですね。 ES2015 から、class 構文が使えるから、
そういう、昔の書き方をしなくても良い せやなclass構文よりオブジェクトリテラルのスプレッド構文の方が新しいし ぷよぷよプラグラミングの質問なんですが
https://puyo.sega.jp/program_2020/dl/puyo-programming-code.pdf
p8の18行あたり initialize ()の中でイベントリスナーでキー操作呼び出してるのですが
initialize ()って一回しか読まないものだと思うのですがどこでキーイベント取得するのでしょうか
一般的なプログラムだとメインの動いてるところで取得するイメージなんですが？
static initialize () {
// キーボードの入力を確認する
this.keyStatus = {
right: false,
left: false,
up: false,
down: false
};
// ブラウザのキーボードの入力を取得するイベントリスナを登録する
document.addEventListener('keydown', (e) => {
// キーボードが押された場合
switch(e.keyCode) {
case 37: // 左向きキー
this.keyStatus.left = true;
e.preventDefault(); return false;
case 38: // 上向きキー
this.keyStatus.up = true;
e.preventDefault(); return false;
case 39: // 右向きキー
this.keyStatus.right = true;
e.preventDefault(); return false;
case 40: // 下向きキー
this.keyStatus.down = true;
e.preventDefault(); return false;
}
}); >>209
loop関数の最後に非同期のrAF(loop)があるから、その1/60秒の隙間でブラウザからキー入力を取得してんのかね。 nodejsでwebスクレイピングアプリを作っています
<body topicId="2557157" state="old">
こういうhtmlタグがあって、stateのvalueを取りたいのですが
Document.getElementsByTagName("body")[0].state
こうしてみたのですがundefinedとなります
取得する方法はないでしょうか document.querySelector('body').getAttribute(’state’) 
