Function context scope doubt

Hi everybody,
Hope you all are doing great.
I have a question regarding how object's context works on functions at Node.JS.
For example:
- function nestedFunctions() {
- var a = "I am a variable"
- console.log("Initial context:")
- console.log(this)
- function one() {
- console.log("First nested function, this is my this context:")
- console.log(this)
- console.log("First nested function, this is my a value:")
- console.log(a)
- function two() {
- console.log("Second nested function, this is my this context:")
- console.log(this)
- console.log("Second nested function, this is my a value:")
- console.log(a)
- }
- two()
- }
- one()
- }
- nestedFunctions()
The output of that code is:
- Initial context:
- Object Global
- First nested function, this is my this context:
- Object Global
- First nested function, this is my a value:
- I am a variable
- Second nested function, this is my this context:
- Object Global
- Second nested function, this is my a value:
- I am a variable
Everything OK so far, because the function context (this) is created on global scope, and so the nested functions. But my doubt is when running the following code:
- class Dog {
- constructor(name) {
- this.name = name
- }
- bark() {
- console.log(`Woof, my name is ${this.name}`);
- }
- nestedFunctions() {
- var a = "I am a variable"
- console.log("Initial context:")
- console.log(this)
- function one() {
- console.log("First nested function, this is my this context:")
- console.log(this)
- console.log("First nested function, this is my a value:")
- console.log(a)
- function two() {
- console.log("Second nested function, this is my this context:")
- console.log(this)
- console.log("Second nested function, this is my a value:")
- console.log(a)
- }
- two()
- }
- one()
- }
- }
- let rex = new Dog('Rex')
- //rex.sitAndBark()
- rex.nestedFunctions()
Output:
- Initial context:
- Dog { name: 'Rex' }
- First nested function, this is my this context:
- undefined
- First nested function, this is my a value:
- I am a variable
- Second nested function, this is my this context:
- undefined
- Second nested function, this is my a value:
- I am a variable
I am having troubles understanding that last one, and why the this of the nested functions is undefined. Why isn't the global context instead of undefined (like when declared outside a class, i.e, the first example)?
Best regards to all
Comments
-
Another example with the function defined on an object:
- var rex = {
- nestedFunctions() {
- var a = "I am a variable"
- console.log("Initial context:")
- console.log(this)
- function one() {
- console.log("First nested function, this is my this context:")
- console.log(this)
- console.log("First nested function, this is my a value:")
- console.log(a)
- function two() {
- console.log("Second nested function, this is my this context:")
- console.log(this)
- console.log("Second nested function, this is my a value:")
- console.log(a)
- }
- two()
- }
- one()
- }
- }
- rex.nestedFunctions()
The output in that case is:
- Initial context:
- { nestedFunctions: [Function: nestedFunctions] }
- First nested function, this is my this context:
- Object Global
- First nested function, this is my a value:
- I am a variable
- Second nested function, this is my this context:
- Object Global
- Second nested function, this is my a value:
- I am a variable
Which is the same behaviour of the first example. I don't get why in the second case, the one on a class definition, the result of the nested "this" is undefined instead of the global context.
0 -
Got the answer:
That's because the body of a JavaScript class executes in strict mode. This mode, as its name suggests, is a bit more restrictive. Among the features of this execution mode, this doesn't refer to window inside a function that is being called as a bare function, it returns undefined instead.Object's context ('this') between nested functions at a class
0 -
@IgnacioAcuna Exactly correct
0
Categories
- All Categories
- 154 LFX Mentorship
- 154 LFX Mentorship: Linux Kernel
- 841 Linux Foundation IT Professional Programs
- 384 Cloud Engineer IT Professional Program
- 185 Advanced Cloud Engineer IT Professional Program
- 87 DevOps Engineer IT Professional Program
- 154 Cloud Native Developer IT Professional Program
- 151 Express Training Courses & Microlearning
- 149 Express Courses - Discussion Forum
- 2 Microlearning - Discussion Forum
- 7K Training Courses
- 49 LFC110 Class Forum - Discontinued
- 74 LFC131 Class Forum
- 56 LFD102 Class Forum
- 251 LFD103 Class Forum
- 25 LFD110 Class Forum
- 49 LFD121 Class Forum
- 2 LFD123 Class Forum
- 1 LFD125 Class Forum
- 19 LFD133 Class Forum
- 10 LFD134 Class Forum
- 19 LFD137 Class Forum
- 1 LFD140 Class Forum
- 73 LFD201 Class Forum
- 8 LFD210 Class Forum
- 6 LFD210-CN Class Forum
- 2 LFD213 Class Forum - Discontinued
- 128 LFD232 Class Forum - Discontinued
- 3 LFD233 Class Forum
- 5 LFD237 Class Forum
- 25 LFD254 Class Forum
- 733 LFD259 Class Forum
- 111 LFD272 Class Forum - Discontinued
- 4 LFD272-JP クラス フォーラム - Discontinued
- 15 LFD273 Class Forum
- 375 LFS101 Class Forum
- 3 LFS111 Class Forum
- 4 LFS112 Class Forum
- 5 LFS116 Class Forum
- 9 LFS118 Class Forum
- 2 LFS120 Class Forum
- 11 LFS142 Class Forum
- 9 LFS144 Class Forum
- 5 LFS145 Class Forum
- 6 LFS146 Class Forum
- 6 LFS147 Class Forum
- 20 LFS148 Class Forum
- 17 LFS151 Class Forum
- 6 LFS157 Class Forum
- 81 LFS158 Class Forum
- 1 LFS158-JP クラス フォーラム
- 13 LFS162 Class Forum
- 2 LFS166 Class Forum - Discontinued
- 8 LFS167 Class Forum
- 4 LFS170 Class Forum
- 2 LFS171 Class Forum - Discontinued
- 4 LFS178 Class Forum - Discontinued
- 4 LFS180 Class Forum
- 3 LFS182 Class Forum
- 6 LFS183 Class Forum
- 1 LFS184 Class Forum
- 36 LFS200 Class Forum
- 737 LFS201 Class Forum - Discontinued
- 3 LFS201-JP クラス フォーラム - Discontinued
- 22 LFS203 Class Forum
- 141 LFS207 Class Forum
- 3 LFS207-DE-Klassenforum
- 3 LFS207-JP クラス フォーラム
- 302 LFS211 Class Forum - Discontinued
- 56 LFS216 Class Forum - Discontinued
- 60 LFS241 Class Forum
- 51 LFS242 Class Forum
- 39 LFS243 Class Forum
- 17 LFS244 Class Forum
- 8 LFS245 Class Forum
- 1 LFS246 Class Forum
- 1 LFS248 Class Forum
- 120 LFS250 Class Forum
- 3 LFS250-JP クラス フォーラム
- 2 LFS251 Class Forum
- 161 LFS253 Class Forum
- 1 LFS254 Class Forum - Discontinued
- 3 LFS255 Class Forum
- 14 LFS256 Class Forum
- 2 LFS257 Class Forum
- 1.3K LFS258 Class Forum
- 12 LFS258-JP クラス フォーラム
- 139 LFS260 Class Forum
- 165 LFS261 Class Forum
- 44 LFS262 Class Forum
- 82 LFS263 Class Forum - Discontinued
- 15 LFS264 Class Forum - Discontinued
- 11 LFS266 Class Forum - Discontinued
- 25 LFS267 Class Forum
- 27 LFS268 Class Forum
- 38 LFS269 Class Forum
- 11 LFS270 Class Forum
- 202 LFS272 Class Forum - Discontinued
- 2 LFS272-JP クラス フォーラム - Discontinued
- 2 LFS274 Class Forum - Discontinued
- 4 LFS281 Class Forum - Discontinued
- 30 LFW111 Class Forum
- 263 LFW211 Class Forum
- 187 LFW212 Class Forum
- 16 SKF100 Class Forum
- 2 SKF200 Class Forum
- 3 SKF201 Class Forum
- 800 Hardware
- 200 Drivers
- 68 I/O Devices
- 37 Monitors
- 104 Multimedia
- 175 Networking
- 92 Printers & Scanners
- 85 Storage
- 765 Linux Distributions
- 82 Debian
- 67 Fedora
- 20 Linux Mint
- 13 Mageia
- 23 openSUSE
- 149 Red Hat Enterprise
- 31 Slackware
- 13 SUSE Enterprise
- 356 Ubuntu
- 472 Linux System Administration
- 39 Cloud Computing
- 71 Command Line/Scripting
- Github systems admin projects
- 96 Linux Security
- 78 Network Management
- 102 System Management
- 48 Web Management
- 72 Mobile Computing
- 19 Android
- 40 Development
- 1.2K New to Linux
- 1K Getting Started with Linux
- 383 Off Topic
- 117 Introductions
- 178 Small Talk
- 27 Study Material
- 814 Programming and Development
- 307 Kernel Development
- 489 Software Development
- 1.8K Software
- 263 Applications
- 183 Command Line
- 4 Compiling/Installing
- 988 Games
- 317 Installation
- 106 All In Program
- 106 All In Forum
Upcoming Training
-
August 20, 2018
Kubernetes Administration (LFS458)
-
August 20, 2018
Linux System Administration (LFS301)
-
August 27, 2018
Open Source Virtualization (LFS462)
-
August 27, 2018
Linux Kernel Debugging and Security (LFD440)