Fonts in Use
Advertising (1935) Album Art (3734) Art/Illustration (471) Booklets/Pamphlets (2155) Books (5832) Branding/Identity (7424) Ephemera (1116) Exhibition/Installation (1011) Film/Video (942) Infographics/Maps (509) Magazines/Periodicals (1694) Mobile/Tablet (852) Newspapers (260) Object/Product (1020) Packaging (2163) Posters/Flyers (5122) Signs (1948) Software/Apps (309) Web (5004) Acumin (59) Adobe
ã€JS】jQueryã®.onã§ES6ã®ã‚¢ãƒãƒ¼ãƒ•ã‚¡ãƒ³ã‚¯ã‚·ãƒ§ãƒ³ã«æ›¸ãæ›ãˆãŸã‚‰å‹•ã‹ãªããªã£ãŸã®ã§ - 訳も知らãªã„ã§
jQueryを使ã£ãŸã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§é–¢æ•°å®šç¾©ã‚’ ES6(Babel使用)ã®ã‚¢ãƒãƒ¼ãƒ•ã‚¡ãƒ³ã‚¯ã‚·ãƒ§ãƒ³ã§æ›¸ãæ›ãˆãŸã‚‰å‹•ã‹ãªããªã£ãŸã®ã§ã€‚ å˜ç´”ã«é–¢æ•°å†…ã§ã®thisã®æ„味ãŒå¤‰ã‚ã‚‹ã‹ã‚‰æŒ™å‹•ã‚‚変ã‚る。 ã‚¢ãƒãƒ¼é–¢æ•° - JavaScript | MDN $('#foo').on('click', function() { $(this).hide(); }); ã‚’ $('#foo').on('click', () => { $(this).hide(); }); ã«æ›¸ãæ›ãˆã‚‹ã¨å‹•ã‹ãªã„。 ↓実際ã«thisを表示ã—ã¦ã¿ãŸå ´åˆundefinedã«ãªã£ãŸã‘ã©ãã‚“ãªã‚‚ã‚“ãªã®ã‹ã€‚ windowã¨ã‹ã˜ã‚ƒãªã„ã®ã‹ã€‚ See the Pen Check 'this' behave at arrow function by Fumihiro Nakahara (@711fumi) on CodePen. 一応ã®è§£æ±ºæ–¹æ³• 何故
Babelを使ã†ã¨ã‚¢ãƒãƒ¼é–¢æ•°å†…ã®thisãŒundefinedã«ãªã‚‹ - 文系プãƒã‚°ãƒ©ãƒžãƒ¼
ã‚„ã‚„ã“ã—ã„å•é¡Œã«ç›´é¢ã—ãŸã®ã§ã€ãƒ¡ãƒ¢ã—ã¦ãŠã。 å•é¡Œ 次ã®ã‚ˆã†ã«ã€jQueryã§ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã«ã‚¢ãƒãƒ¼é–¢æ•°ã‚’用ã„ãŸã‚¹ã‚¯ãƒªãƒ—トを記述ã™ã‚‹ã€‚ $("item > title").each(() => { let title = $(this).text(); console.log(title); }); ã“ã®ES6ã®æ§‹æ–‡ã‚’ã‚’Babelã§ES5ã¸ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘イルã™ã‚‹ã¨... $("item > title").each(function(idx) { var title = $(undefined).text(); console.log(title); }); ã‚¢ãƒãƒ¼é–¢æ•°ã®å†…ã®thisãŒundefinedã«ãªã£ã¦ã—ã¾ã†ã€‚ å•é¡Œã¯ã€ã©ã†ã‚„らトランスパイルå‰å¾Œã®ã€each関数ã§ã®thisã®æ‰±ã„ã®é•ã„ã«ã‚ˆã‚‹ã‚‚ã®ã®ã‚ˆã†ã 。 以下ã€ã‚·ãƒ³ãƒ—ルãªä¾‹ã‚’考ãˆã¦ã¿ã‚‹ã€‚ var arr = [1]; $(arr).
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
vanillalist.com
{{#tags}}- {{label}}
{{/tags}}