カテゴリー別アーカイブ: Javascript_JQUERY

JACASCRIPTで引数省略、関数の引数より多い引数を指定した場合はarguments

JACASCRIPTで引数省略、関数の引数より多い引数を指定した場合はarguments

–まとめ

Javascript関数 引数を省略したり、追加したり、可変変数の扱い

JACASCRIPTで関数の引数を省略することは可能
ではもし、関数を定義したときの引数より多い引数を指定した場合はどうなるのか?

関数の引数が多くなったときは
arguments
を使う。

argumentsを使って配列のように扱う。

はじめに

関数の引数の数を変更したい要望は時間が経つに連れて増えてくる。
最初の仕様と実際に使ってみた仕様は変わってくる。
引数を変えるだけだから、関数を記述した箇所に引数を入れればいいだけ。
しかし、その記述が多い場合、その作業は大変なものになる。
コンパイルが必要な場合は、もう一度ビルドから必要かも(Javascriptにコンパイルはないから不便はない)。
できれば、関数の定義と新規に引数を追加したファイルだけ関数の引数の追加を修正したいことがある。
JAVASCRIPTは、引数の省略ができる。指定されなかった引数は無視できるように関数を修正しておけばよい。
 それならば、引数が2つの場合で引数を1つ指定するといった使い方ができるし、引数が2つの場合で引数を3つ以上指定することも可能である。
注意するのは、引数を省略できて、かつ引数の数が多いのにその余分な引数を取得する方法(arguments)を理解できている必要がある。
理解していないと、他に関数が定義されていると初心者開発者が混乱してしまう。関数で定義した引数の数が実際に記述されている引数の数が違うと記述の間違いと思う。実際はそうでなくてargumentsで余分な引数を取得していた。

すぐに理解できる関数の引数
引数が1つの場合で引数を1つ指定する
引数が2つの場合で引数を2つ指定する
ここまでは問題ない。引数の数があっているから。
次に、引数が2つの場合で引数を1つ指定するところからいろいろとややこしいことが起こる。

引数が2つの場合で引数を1つ指定する

引数が2つの場合で引数を3つ指定する



https://oshiete.goo.ne.jp/qa/225482.html
JavaScriptは、関数の引数の省略できる。
続きを読む

JAVASCRIPT 構造体もどきと自分のファイル名(URL)を取得

JAVASCIPTの構造体もどき。
構造体のようにオブジェクトとして扱うことで、複数の変数を1つのオブジェクトに格納できる。
これを配列に入れれば多くの変数をまとめて扱える。

自分のファイル名(URL)を取得
例えばこんな感じのURL「https://www.XXX.com/index.html」(架空)があるとして、index.htmlにJAVASCRIPT、window.location.hrefを書いていたとすれば「https://www.XXX.com/index.html」
を取得します。
index.htmlがないときはhttps://www.XXX.comを取得することになります。

・ファイル名を取得
window.location.href.split(‘/’).pop();
splitでスラッシュを区切りにして分割します。
そしてpopで最後の分割であるindex.htmlを取得してファイル名を取得することになります。
index.htmlがないときは、たぶんwww.XXX.comが表示されるはず。
なので、URLを取得したいときは
window.location.href
までを記述すればOKみたい

ファイル名を取得する必要性は、あまりありませんが、個別のファイルになにか仕組みを入れておいて特別なメッセージを表示させるとか、あるページを開こうとしたときに、IE11、クロムならOKだけど、サファリやOperaだったらアラートを表示させたいとかに使えるでしょう。その際は、URLの判定用の配列を作成してどのURLならOKとして、事前に登録しておく必要があります。
今回はそこまで書いていません。またJavascriptは外部ファイルにしておくほうが今後利便性は高いですが、ブログ記事のためにわかりやすいく扱いやすいように同じファイルの中に記載しています。

//参考にしたサイト
//https://b.0218.jp/20140404132553.html

続きを読む

開発言語別簡易文法チート表、VB.NETとC#のチート表他Javascript、PHP

開発言語別簡易文法チート表、VB.NETとC#のチート表他Javascript、PHP
チートとはずるいとか卑怯とか騙すいう意味があるらしいけど、開発言語とか良い意味で使えば便利とか得するとか秘伝、秘密の巻物的な意味合いも出てくるだろう。
簡単に言えば、開発言語別の文法一覧。
いくつも言語を使っていると、IF文だけでもそれぞれ異なる。でもまとめてみると以外にもグループ分けすれば同じ文法だったりする。
C言語系はほぼ同じ。
Rubyとかパイソンとかのスクリプト系は独自路線を走ってる。
スプレッドシートにまとめていたので、下のPDFからダウンロードできる。
見にくかったりまとまったりしているのは、書きなぐりだから。きれいにレイアウトするのが面倒になった。

・文法の特徴と類似点
C,C++,C#とJAVA,JAVASCRIPT、Google App Script,PHPは似ている
VBとCLASSICASPとエクセルは似ている

開発言語別簡易文法チート表、VB.NETとC#のチート表他Javascript、PHP – チート表PDF 2019/04/06版随時改定予定

続きを読む

JAVASCRIPTでドラッグ・アンド・ドロップのリンクメモ 

JAVASCRIPTでドラッグ・アンド・ドロップのメモ 

以前ドラッグ・アンド・ドロップを試して妥協してしまった。
またがんばるか
リンクメモ

今から3分で,HTML5のドラッグ&ドロップAPIと File APIを習得しよう(JSの実装サンプル付き)
https://language-and-engineering.hatenablog.jp/entry/20140330/HTMLfiveDragDropAndFileAPISample

Googl Apps Scriptを使ってファイル読み込みからスプレッドシートに表示

Googl Apps Scriptを使ってファイル読み込みからスプレッドシートに表示

FileOpen.htmlを使用します。
スプレッドシートのメニューにおいて、追加したメニューのファイル読み込みを選択して
ローカルPCのCSVを選択して読み込むとスプレッドシートに表示されます。
続きを読む

エイジャックスAJAXドキュメント調査中、アジャックスって読んでた

エイジャックスAJAXドキュメント調査中、アジャックスって読んでた

エイジャックスAJAXの書籍を買おうと思ったのに、人気がないのかほとんど10年前に出版されたものがほとんど。たぶんJAVASCRIPTかJQUERY関連の書籍の内容に含まれている感じ。
続きを読む

2018年次回作成アプリ 学習言語ネタ jquery ajax,まずはjqueryを勉強中

2018年次回作成アプリ 学習言語ネタ jquery ajax,まずはjqueryを勉強中

アイフォンアプリも作りたいけど、仕事にも直結する言語についても学習しなくてはならないのでJqueryでを勉強中。物覚えが悪いので快調には進まず、いつも回り道。年を取ると頭が鈍くなっていけない。

javascript をより便利にしたjquery を勉強する。
(個人的メモ)勉強中のフォルダは
/Users/maseda/Desktop/jQuery学習のフォルダにある。

続きを読む

JAVASCRIPTドラッグアンドドロップのみの機能とJQUERYのボタンクリックサンプル

JAVASCRIPTドラッグアンドドロップのみの機能とJQUERYのボタンクリックサンプル

Railsを勉強中ですが、JAVASCRIPTがわからなくなって整理中

画像を選択して、ブラウザ上に表示、ドラッグアンドドロップのみの機能

https://developer.mozilla.org/ja/docs/Using_files_from_web_applications#Handling_the_upload_process_for_a_file
を参考

ドラッグアンドドロップ
http://jsfiddle.net/ginpei/bSF9z/

ここが参考になる。

の違いは、読み込みデータの違いらしい。
functionはHTMの読み込みが終了したタイミングで実行され、windowの方は画像やJSやCSSのすべてのデータが読み込まれてから実行されるのだそうです。

http://qiita.com/nfnoface/items/04c4e1df59c79322c82bを参考にしています。

http://naoyashiga.hatenablog.com/entry/2013/10/22/150030

JQUERYを使った ボタンクリックのサンプル