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
220
Learn with quizes about the JavaScript grammar
kkeeth
October 02, 2018
Tweet
Share
More Decks by kkeeth
See All by kkeeth
Programming to play with p5.js
clown0082
0
40
とある EM の初めての育休からの学び
clown0082
1
4.4k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
190
Visually experience the beauty of mathematics with p5.js
clown0082
1
3.1k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.7k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
630
JavaScript × Mathematics go to Digital Art
clown0082
1
410
In-house study group at YUMEMI
clown0082
0
210
Playing Ionic Logo by p5.js
clown0082
0
300
Other Decks in Programming
See All in Programming
One Enishi After Another
snoozer05
PRO
0
110
(Extension DC 2025) Actor境界を越える技術
teamhimeh
1
260
Catch Up: Go Style Guide Update
andpad
0
230
オープンソースソフトウェアへの解像度🔬
utam0k
16
3k
Foundation Modelsを実装日本語学習アプリを作ってみた!
hypebeans
0
120
AI駆動で0→1をやって見えた光と伸びしろ
passion0102
1
280
CSC509 Lecture 05
javiergs
PRO
0
300
uniqueパッケージの内部実装を支えるweak pointerの話
magavel
0
1k
Railsだからできる 例外業務に禍根を残さない 設定設計パターン
ei_ei_eiichi
0
930
コードとあなたと私の距離 / The Distance Between Code, You, and I
hiro_y
0
170
Range on Rails ―「多重範囲型」という新たな選択肢が、複雑ロジックを劇的にシンプルにしたワケ
rizap_tech
0
6.7k
CSC305 Lecture 04
javiergs
PRO
0
270
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
The Cost Of JavaScript in 2023
addyosmani
55
9k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
35
6.1k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
22k
Thoughts on Productivity
jonyablonski
70
4.9k
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