javascript

javascript chromeでの並行ダウンロード制限(10まで)以上のダウンロード

const link = document.createElement('a'); document.body.appendChild(link); //Promiseを返却して処理を止める function pause() { return new Promise( (resolve, reject) => { setTimeout(resolve, 1000); } ); } const files = [ "file1", "file2", "f…

javascript textContent innertext innerHTMLの違い

textContent;改行コードもHTMLタグも処理されない innertext;改行コードが有効、white-spaceが適用される innerHTML;HTMLタグが処理される //参考URL https://qiita.com/RyBB/items/c87af2413c34f9367d00 https://note.affi-sapo-sv.com/js-innerhtml-inn…

Javascript 宣言していないオブジェクトを戻り値にする場合にエラーになる

戻り値などで宣言していないオブジェクトを関数内に直接記述する場合は オブジェクトリテラルを丸括弧()で囲う let func = val => ({ prop1:"val1", prop2:val2 })

javascript setTimeoutのコールバック関数に引数を取る場合の書き方

setTimeoutは引数に関数をとるが、 関数に引数を渡すために()を使用すると関数が実行された評価がsetTimeoutに渡ってくる ・第三引数にとる setTimeout(console.log,1000,"test"); ・無名関数にする setTimeout(function(){ console.log("test"); }, 1000); …

mapによる特定のキーバリューの取得

var foodList = { 'オムライス': 450, '焼きそば': 500, 'お好み焼き': 600, '焼き飯': 400 }; //任意のキーワードを指定する var order = ['焼き飯', 'お好み焼き']; var result = order.map( function( value, index, array ) { //配列のキーワードを使っ…

javascript addEventListenerで引数を渡す

const room ; target.addEventListener('click', {_room:room, handleEvent:onClickEvent}); function onClickSend(_room) { console.log(this._room); }; 実引数はthis.〜の形で利用する //参考URL https://note.com/yamanoborer/n/n2e4cc40328b7

javascript デバッグログの色を変える

console.log('\u001b[31m' + 'Red TEXT '); black: '\u001b[30m', red: '\u001b[31m', green: '\u001b[32m', yellow: '\u001b[33m', blue: '\u001b[34m', magenta: '\u001b[35m', cyan: '\u001b[36m', white: '\u001b[37m' //参考URL https://qiita.com/shuh…

javascript thisのバインド

playcanvasで回転させるためには以下 this.entity.rotateLocal(0, angle, 0) しかしシグナルやsetTimeoutの中に入れるとthisでは呼び出せない setTimeout(function (){ this.entity.rotateLocal(0,angle,0); }, 1000); 以下で解決 setTimeout(function (){ t…

javascript 関数への引数の渡し方

javascriptでaddeventlitenerの引数の渡し方 document.getElementById("B000").onclick = setCurTime(0,0.1); ↑直接引数を指定しても渡せない↑ ↓このような形でネスト↓ document.getElementById("B000").onclick = function() { setCurTime(0,0.1);};