lovecoding
/
w1020


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
							<!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 src="./babel.min.js"></script>
    <script src="./react.development.js"></script>
    <script src="./react-dom.development.js"></script>
</head>
<body>
    <div id="root"></div>
    <script type="text/babel">
        const root = ReactDOM.createRoot(document.getElementById("root"));
        class App extends React.Component {
            constructor(props) {
                super(props);
                this.state = {

                }
            // this.handleClick = this.handleClick.bind(this);
            }
           handleClick() {
            console.log(this)
           }
           render() {
             return (
                <div>
                    <button onClick={this.handleClick.bind(this)}>点击</button>   
                    <button onClick={()=>{
                        console.log(this)
                    }}>点击2</button>    
                
                </div>
            )
           }
        }
        root.render(<App/>);
        console.log(this,'121')
        let obj = {
            aa:12,
            a() {
                console.log(this);
            }
        }
        obj.a()
        var b = obj.a;
        b();
        b.call(window)
    </script>
</body>
</html>