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
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
95
Visually experience the beauty of mathematics with p5.js
clown0082
1
2.6k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.3k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
530
JavaScript × Mathematics go to Digital Art
clown0082
1
310
In-house study group at YUMEMI
clown0082
0
160
Playing Ionic Logo by p5.js
clown0082
0
210
Skills that employers recommend students to acquire
clown0082
1
250
Walking through the source code of an OSS Library(ESLint))
clown0082
0
340
Other Decks in Programming
See All in Programming
CSC509 Lecture 04
javiergs
PRO
0
170
Honoの来た道とこれから
yusukebe
14
2.2k
Golang と Erlang
taiyow
7
1.8k
レイトレ合宿10 レンダラー紹介 / Renderer Introduction, Ray Tracing Camp 10
shocker_0x15
0
640
watsonx.ai Dojo #3 プロンプトエンジニアリング入門
oniak3ibm
PRO
0
410
The future of development – Are our jobs getting harder or easier?
hollycummins
1
210
Cloud Adoption Framework にみる組織とクラウド導入戦略
tomokusaba
2
690
のびしろを広げる巻き込まれ力:偶然を活かすキャリアの作り方/oso2024
takahashiikki
1
250
Memory API: Patterns, Use Cases, and Performance
josepaumard
2
200
cgroup v2 support in Kubeadm
kentatada
0
220
飲食業界向けマルチプロダクトを実現させる開発体制とリアルな現状
hiroya0601
1
210
フロントエンドの現在地とこれから
koba04
10
4.7k
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
Documentation Writing (for coders)
carmenintech
65
4.4k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
22k
YesSQL, Process and Tooling at Scale
rocio
167
14k
What's new in Ruby 2.0
geeforr
342
31k
Designing for Performance
lara
604
68k
The Cost Of JavaScript in 2023
addyosmani
44
5.9k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
664
120k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
504
140k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
23k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
31
1.7k
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