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
- 145 LFX Mentorship
- 145 LFX Mentorship: Linux Kernel
- 823 Linux Foundation IT Professional Programs
- 373 Cloud Engineer IT Professional Program
- 183 Advanced Cloud Engineer IT Professional Program
- 84 DevOps Engineer IT Professional Program
- 152 Cloud Native Developer IT Professional Program
- 143 Express Training Courses & Microlearning
- 143 Express Courses - Discussion Forum
- Microlearning - Discussion Forum
- 6.7K Training Courses
- 48 LFC110 Class Forum - Discontinued
- 73 LFC131 Class Forum
- 49 LFD102 Class Forum
- 240 LFD103 Class Forum
- 22 LFD110 Class Forum
- 47 LFD121 Class Forum
- 1 LFD123 Class Forum
- LFD125 Class Forum
- 18 LFD133 Class Forum
- 9 LFD134 Class Forum
- 18 LFD137 Class Forum
- 72 LFD201 Class Forum
- 5 LFD210 Class Forum
- 5 LFD210-CN Class Forum
- 2 LFD213 Class Forum - Discontinued
- 128 LFD232 Class Forum - Discontinued
- 2 LFD233 Class Forum
- 4 LFD237 Class Forum
- 24 LFD254 Class Forum
- 728 LFD259 Class Forum
- 111 LFD272 Class Forum - Discontinued
- 4 LFD272-JP クラス フォーラム
- 13 LFD273 Class Forum
- 268 LFS101 Class Forum
- 2 LFS111 Class Forum
- 3 LFS112 Class Forum
- 3 LFS116 Class Forum
- 7 LFS118 Class Forum
- 1 LFS120 Class Forum
- 9 LFS142 Class Forum
- 8 LFS144 Class Forum
- 4 LFS145 Class Forum
- 4 LFS146 Class Forum
- 17 LFS148 Class Forum
- 15 LFS151 Class Forum
- 5 LFS157 Class Forum
- 72 LFS158 Class Forum
- LFS158-JP クラス フォーラム
- 12 LFS162 Class Forum
- 2 LFS166 Class Forum
- 7 LFS167 Class Forum
- 3 LFS170 Class Forum
- 2 LFS171 Class Forum
- 3 LFS178 Class Forum
- 3 LFS180 Class Forum
- 2 LFS182 Class Forum
- 5 LFS183 Class Forum
- 35 LFS200 Class Forum
- 737 LFS201 Class Forum - Discontinued
- 3 LFS201-JP クラス フォーラム - Discontinued
- 21 LFS203 Class Forum
- 135 LFS207 Class Forum
- 2 LFS207-DE-Klassenforum
- 2 LFS207-JP クラス フォーラム
- 302 LFS211 Class Forum
- 56 LFS216 Class Forum
- 55 LFS241 Class Forum
- 50 LFS242 Class Forum
- 38 LFS243 Class Forum
- 16 LFS244 Class Forum
- 6 LFS245 Class Forum
- LFS246 Class Forum
- LFS248 Class Forum
- 115 LFS250 Class Forum
- 2 LFS250-JP クラス フォーラム
- 1 LFS251 Class Forum
- 158 LFS253 Class Forum
- 1 LFS254 Class Forum
- 2 LFS255 Class Forum
- 13 LFS256 Class Forum
- 1 LFS257 Class Forum
- 1.3K LFS258 Class Forum
- 11 LFS258-JP クラス フォーラム
- 137 LFS260 Class Forum
- 162 LFS261 Class Forum
- 43 LFS262 Class Forum
- 82 LFS263 Class Forum - Discontinued
- 15 LFS264 Class Forum - Discontinued
- 11 LFS266 Class Forum - Discontinued
- 24 LFS267 Class Forum
- 25 LFS268 Class Forum
- 37 LFS269 Class Forum
- 9 LFS270 Class Forum
- 202 LFS272 Class Forum - Discontinued
- 2 LFS272-JP クラス フォーラム
- 4 LFS147 Class Forum
- 2 LFS274 Class Forum
- 4 LFS281 Class Forum
- 19 LFW111 Class Forum
- 262 LFW211 Class Forum
- 186 LFW212 Class Forum
- 15 SKF100 Class Forum
- 1 SKF200 Class Forum
- 2 SKF201 Class Forum
- 797 Hardware
- 199 Drivers
- 68 I/O Devices
- 37 Monitors
- 104 Multimedia
- 174 Networking
- 91 Printers & Scanners
- 85 Storage
- 762 Linux Distributions
- 82 Debian
- 67 Fedora
- 18 Linux Mint
- 13 Mageia
- 23 openSUSE
- 149 Red Hat Enterprise
- 31 Slackware
- 13 SUSE Enterprise
- 355 Ubuntu
- 470 Linux System Administration
- 39 Cloud Computing
- 71 Command Line/Scripting
- Github systems admin projects
- 95 Linux Security
- 78 Network Management
- 102 System Management
- 47 Web Management
- 70 Mobile Computing
- 19 Android
- 38 Development
- 1.2K New to Linux
- 1K Getting Started with Linux
- 380 Off Topic
- 116 Introductions
- 177 Small Talk
- 26 Study Material
- 810 Programming and Development
- 305 Kernel Development
- 487 Software Development
- 1.8K Software
- 263 Applications
- 183 Command Line
- 3 Compiling/Installing
- 988 Games
- 317 Installation
- 104 All In Program
- 104 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)