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
- 9.1K All Categories
- 15 LFX Mentorship
- 68 LFX Mentorship: Linux Kernel
- 380 Linux Foundation Boot Camps
- 233 Cloud Engineer Boot Camp
- 75 Advanced Cloud Engineer Boot Camp
- 30 DevOps Engineer Boot Camp
- 9 Cloud Native Developer Boot Camp
- 977 Training Courses
- 15 LFC110 Class Forum
- 16 LFD102 Class Forum
- 106 LFD103 Class Forum
- 6 LFD121 Class Forum
- 56 LFD201 Class Forum
- 1 LFD213 Class Forum - Discontinued
- 128 LFD232 Class Forum
- 19 LFD254 Class Forum
- 450 LFD259 Class Forum
- 90 LFD272 Class Forum
- 1 LFD272-JP クラス フォーラム
- 16 LFS200 Class Forum
- 713 LFS201 Class Forum
- LFS201-JP クラス フォーラム
- 282 LFS211 Class Forum
- 50 LFS216 Class Forum
- 27 LFS241 Class Forum
- 28 LFS242 Class Forum
- 19 LFS243 Class Forum
- 6 LFS244 Class Forum
- 12 LFS250 Class Forum
- LFS250-JP クラス フォーラム
- 113 LFS253 Class Forum
- 814 LFS258 Class Forum
- 8 LFS258-JP クラス フォーラム
- 54 LFS260 Class Forum
- 81 LFS261 Class Forum
- 18 LFS262 Class Forum
- 76 LFS263 Class Forum
- 14 LFS264 Class Forum
- 10 LFS266 Class Forum
- 10 LFS267 Class Forum
- 9 LFS268 Class Forum
- 6 LFS269 Class Forum
- 182 LFS272 Class Forum
- 1 LFS272-JP クラス フォーラム
- 191 LFW211 Class Forum
- 114 LFW212 Class Forum
- 880 Hardware
- 207 Drivers
- 74 I/O Devices
- 44 Monitors
- 115 Multimedia
- 205 Networking
- 98 Printers & Scanners
- 82 Storage
- 730 Linux Distributions
- 85 Debian
- 64 Fedora
- 12 Linux Mint
- 13 Mageia
- 22 openSUSE
- 127 Red Hat Enterprise
- 33 Slackware
- 13 SUSE Enterprise
- 349 Ubuntu
- 450 Linux System Administration
- 33 Cloud Computing
- 64 Command Line/Scripting
- Github systems admin projects
- 89 Linux Security
- 76 Network Management
- 105 System Management
- 45 Web Management
- 51 Mobile Computing
- 19 Android
- 19 Development
- 1.2K New to Linux
- 1.1K Getting Started with Linux
- 501 Off Topic
- 121 Introductions
- 193 Small Talk
- 19 Study Material
- 756 Programming and Development
- 243 Kernel Development
- 479 Software Development
- 903 Software
- 247 Applications
- 178 Command Line
- 2 Compiling/Installing
- 73 Games
- 314 Installation
- 26 All In Program
- 26 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)