Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Learn with quizes about the JavaScript grammar
Search
kkeeth
October 02, 2018
Programming
0
210
Learn with quizes about the JavaScript grammar
kkeeth
October 02, 2018
Tweet
Share
More Decks by kkeeth
See All by kkeeth
とある EM の初めての育休からの学び
clown0082
1
1.5k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
140
Visually experience the beauty of mathematics with p5.js
clown0082
1
2.9k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.5k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
580
JavaScript × Mathematics go to Digital Art
clown0082
1
350
In-house study group at YUMEMI
clown0082
0
180
Playing Ionic Logo by p5.js
clown0082
0
240
Skills that employers recommend students to acquire
clown0082
1
280
Other Decks in Programming
See All in Programming
Amazon Q Developer Proで効率化するAPI開発入門
seike460
PRO
0
120
5分で理解する SOLID 原則 #phpcon_nagoya
shogogg
1
300
Visual StudioのGitHub Copilotでいろいろやってみる
tomokusaba
1
210
ML.NETで始める機械学習
ymd65536
0
230
Honoとフロントエンドの 型安全性について
yodaka
7
1.4k
Rails 1.0 のコードで学ぶ find_by* と method_missing の仕組み / Learn how find_by_* and method_missing work in Rails 1.0 code
maimux2x
1
180
Unity Android XR入門
sakutama_11
0
180
PRレビューのお供にDanger
stoticdev
1
230
未経験でSRE、はじめました! 組織を支える役割と軌跡
curekoshimizu
1
140
Grafana Loki によるサーバログのコスト削減
mot_techtalk
1
150
CI改善もDatadogとともに
taumu
0
200
Jakarta EE meets AI
ivargrimstad
0
370
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.3k
How STYLIGHT went responsive
nonsquared
98
5.4k
Agile that works and the tools we love
rasmusluckow
328
21k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
250
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
133
33k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Optimizing for Happiness
mojombo
376
70k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
How to train your dragon (web standard)
notwaldorf
91
5.9k
Six Lessons from altMBA
skipperchong
27
3.6k
Transcript
Learn with quizes about the JavaScript grammar k-kuwahara @kuwahara_jsri @clown0082
Oct 2, 2018 ʲαϙʔλʔζCoLabษڧձʳ
About me const my_info = { Workplace: ‘Yumemi Inc’, Community:
‘Riot.js, Ionic, Dist’, Favorites: ‘CLI made by Node.js’, PokemonGO: ‘TL38’ }
github.com/riot
Sorry... " Because of time, I don’t mention all the
grammar of JavaScript.
⚠Attention⚠ We verified this slide with Google Chrome. Please check
other browsers by yourself.
History of JavaScript Quiz about the “scope” Quiz about the
“closure” Quiz about the “this" Agenda
History of JavaScript
See this page https://qiita.com/a_rcsin/items/0a3c8c98c8d703c49a22 or See this slide https://qiita.com/Mic-U/items/c900a6f62862954d62e0
Quiz about the “scope”
There are three scopes in JavaScript
global local block Variable declared at top level Variables declared
in functions Variable declared in {}(block) Available from anywhere in the program Can be referenced only in functions Only available within {}(block)
Question 1
None
Answer
None
Question 2
None
Answer
None
Question 3
None
Answer
None
BTW,
None
Answer 1
None
Answer 2
None
Question 4
“window” is a global objects.
Answer
None
Question5
None
Answer
None
Quiz about the “closures”
in advance…
We can refer to the variable defined by the parent
function
Lexical scope
Based on this…
None
define from outer function “init” Function “init” is a function
that returns a function
Question 1
None
Answer
None
Question 2
None
Answer
None
Practical example code by: http://dqn.sakusakutto.jp/2012/02/javascript_13.html
using jQuery
Reference http://dqn.sakusakutto.jp/2009/01/javascript.html
Quiz about the “this”
“this” is also called a “context”.
There are several contexts
global function window objects bind methods arrow function methods of
objects prototype chain
Question 1
None
Answer
None
BTW,
None
Question 2
None
Answer
None
Question 3
arrow function
Answer
None
Question 4
None
Answer
None
Have a nice JavaScript life!!
Publicity
We’re looking for Engineers!!
None
None