コンストラクタにasyncを指定するとシンタックスエラーになる - Qiita
class MyClass { async constructor() { this.aaa = 'AAA' this.bbb = await hogehoge(); } } const ccc = async () => { const ddd = await new MyClass(); }; class MyClass { constructor() { this.aaa = 'AAA' } async init() { this.bbb = await hogehoge(); } } const createMyClass = async () => { const obj = new MyClass(); await obj.init(); return obj; }; const ccc = async () => { const ddd = await createMyCla
ES2017 async/await で sleep 処理を書く - Qiita
async/await は ES2016 でなく ES2017 でした。以下修正しています。 Node.js v7 より ES2017 async/await が利用できるとの話を耳にしたので「サーバサイドでくらい ES2017 使ってみるかな」とちょいちょい使い始めています。どこかのサーバへクエリを叩いてその結果をさらに別のサーバへのクエリに使うという処理って、手元でちょっとしたツールを作るときにも大いに登場する処理なのですが、async/await が使えることでとても簡単に書けるようになったので、その使用感などを僭越ながら簡単に紹介していきたいと思います。 単純なスリープ処理 始めに感動したのは async/await を使うとスリープ処理がいとも簡単に書けるというところでした。async/await と Promise を色々とこねくり回したところ msec => new Prom
async/awaitを、Array.prototype.forEachで使う際の注意点、という話 - Qiita
はじめに、の前に（2020/10/29 追記） （いつの間にか）MDNに、forEachはPromiseを待たない、という趣旨の説明が書かれています。 MDNを読めば、この記事の内容を読む必要は無いと思います……。 はじめに Javascriptでは、async/awaitを使う事によって、非同期処理が非常に簡潔に書ける様になっています。 今後はasync/awaitを使ったプログラミングが増えていくと思います。 node.jsで、async/awaitを使ったプログラミングをしていたのですが、ハマった事があったので、自分用の備忘録としてメモ書きです。 実行環境 OS: Debian 9.6 node.js: v11.2.0 問題となったコード 配列をconsole.logで出力するだけのプログラムです。 ただし、console.log(value)の前に、sleep(1000)が入ってい
JSでのスクロール連動エフェクトにはIntersection Observerが便利 - ICS MEDIA
ウェブのリッチな表現としてスクロールに応じたエフェクトがあります。これまでJavaScriptのscrollイベントで実装していましたが、Intersection Observer APIを使うとより効率的に実装できます。ブラウザーのサポートも拡充し、今後は標準となる技術でしょう。 ▼スクロールで目次の色が変わるエフェクト 本記事ではIntersection Observer APIの使い方と実践例を解説します。 特定の位置で発火する従来の手法 これまで、特定の位置で発火するイベントにはscrollイベントを使う必要がありました。以下のコードは、あらかじめページ上部からの距離を取得し、スクロール量が規定に達したところで発火させる手法です。 window.addEventListener("scroll", () => { const srollVal = window.pageYOffse
JavaScriptでEnumを定義する - Qiita
/** * Enumの実装クラス */ Enum = function() { this._enums = []; this._lookups = {}; }; /** * enumを取得する * @return {array} enumオブジェクト */ Enum.prototype.getEnums = function() { return _enums; }; /** * 繰り返し処理する * @param {array} callback コールバック */ Enum.prototype.forEach = function(callback){ var length = this._enums.length; for (var i = 0; i < length; ++i){ callback(this._enums[i]); } }; /** * enumを追加する * @p
式と演算子 - JavaScript | MDN
JavaScript での基本的なキーワードと一般的な式です。これらの式は最も高い優先順位を持ちます（演算子よりも高い）。 this this キーワードは関数の実行コンテキストを示す特別なプロパティです。 リテラル 基本的な null、論理値、数値、文字列のリテラルです。 [] 配列初期化子またはリテラル構文です。 {} オブジェクト初期化子またはリテラル構文です。 function function キーワードは関数式を定義します。 class class キーワードはクラス式を定義します。 function* function* キーワードはジェネレーター関数式を定義します。 async function async function は非同期関数式を定義します。 async function* async function* キーワードは非同期ジェネレーター関数式を定義します。 /
async/await 入門（JavaScript） - Qiita
はじめに 今更ですが、JavaScriptのasync/awaitに関する備忘録になります。 「今まで$.Deferred()やPromiseなどで非同期処理は書いたことがあるが、async/awaitはわからない」 「$.Deferred()やPromiseなどの非同期処理の書き方より、もっと簡潔に書ける書き方があれば知りたい」 「今までの非同期処理の書き方と比べて何が良いのかわからない」 といった人達向けの記事です。 $.Deferred()やPromiseなどで非同期処理を書いたことがある前提のため、非同期処理自体に関する説明は記載しておりません。 記載している利用例のコードはChrome（最新）のコンソール上で動きますので、コンソール上で実行して動作を確認してみると理解が深まりやすいと思います。 本記事で用いている用語 Promiseを返す Promiseオブジェクトを返すこと。
JavaScript: const の配列の値が変えられるのはなぜ？
JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
2019年版 最先端のフロントエンド開発者になるために学ぶべきこと - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こちらの記事は、『Learn to become a modern Frontend Developer in 2019』の和訳になります。 本投稿は転載であり、本記事はこちらになります。 はじめに 新年になって以前書いた記事を少し簡潔にして理解しやすいように書き直してみました。この文章に以前私が書いた文章と違ったことが書いてあったり、少し矛盾する内容が見つかってもあまり気にする必要はありません。 昨年私が書いた記事はGitHubで公開しています。 Web開発は絶えず変化する分野です - 今日私たちがWebサイトを構築する方法は、2～3
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ES2017のasync/awaitを使って「同期的sleep処理」をワンライナーで書く - Qiita
