loneshark99/Arrow Functions.html

## Arrow Functions.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>
        // Traditional functions default this to the window scope:
        window.age = 10;
        function Person() {
            this.age = 42;
            setTimeout(function () {
                console.log("this.age", this.age)
            }, 1000);
        }

        var p = new Person()

        // Arrow functions do not default this to the window scope, rather they execute in the scope they are created:
        window.Aage = 10;
        function APerson() {
            this.Aage = 42;
            setTimeout(() => {
                 console.log("this.Aage", this.Aage)
             }, 2000);
        }

        var p1 = APerson()

    </script>

</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	</head>
	<body>

	<script>
	// Traditional functions default this to the window scope:
	window.age = 10;
	function Person() {
	this.age = 42;
	setTimeout(function () {
	console.log("this.age", this.age)
	}, 1000);
	}

	var p = new Person()

	// Arrow functions do not default this to the window scope, rather they execute in the scope they are created:
	window.Aage = 10;
	function APerson() {
	this.Aage = 42;
	setTimeout(() => {
	console.log("this.Aage", this.Aage)
	}, 2000);
	}

	var p1 = APerson()

	</script>

	</body>
	</html>