js中this的理解（箭头函数）_js宏出现arg1-CSDN博客

在这里插入图片描述

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
</head>

<body>

    <p>该实例中， myFunction 是函数构造函数:</p>
    <p id="demo"></p>
    <script>
        function myFunction(arg1, arg2) {
            this.firstName = arg1;
            this.lastName = arg2;
            console.log(this);

        }
        myFunction(); //相当于windows调用了这个函数，所以我就有了全局变量
        var x = new myFunction("John", "Doe") //这个只对给x对象赋值了变量
        console.log(firstName);

        document.getElementById("demo").innerHTML = x.firstName;
    </script>

</body>

</html>

在这里插入图片描述
https://www.runoob.com/react/react-state.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>
    <script>
        function say() {
            console.log("nihao");
            return 1;

        }
        //这个相当于调用了say这个函数，同时接收值返回给a
        var a = say();
        console.log(a);

        //这个也是定义了一个方法，只是和say()不一样的是把名字写在了前面
        var he = function () {
            console.log('laji');
            console.log(this);

            this.say();
            return 2;

        }
        var sleep = () => {
            console.log('shuijiao');

        };
        sleep();
        var hehe = he();
        console.log(hehe);
        var heihei = setTimeout(function () {
            console.log(this);
            this.hehe; //这是接收了调用函数的返回值
            this.he();

        }, 3000);
    </script>
</head>

<body>

</body>

</html>