為什麼this為null？ {程式碼...} 下面這種情況如何解釋？ {程式碼...} 所以什麼時候會印undefined，什麼時候會印null，什麼時候會正常列印？

javascript - React事件中的 this為什麼是null？-PHP中文網路問答

社群

學習

工具庫

AI工具

休閒

繁体中文

javascript - React事件中的 this為什麼是null？

習慣沉默 2017-05-19 10:31:29

510

為什麼this為null？

class App extends Component {


    handleClick(e) {
        console.log(this)//为什么是 null？
    }

    render() {
        return (
         
            <h2 onClick={this.handleClick}>React</h2>

        );
    }
}

export default App;

下面這種情況如何解釋？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button onclick="func()">click</button> // 打印 undefined
<button onclick="app.handleClick()">click</button> // 打印 App
<script>

    class App {
        handleClick() {
            console.log(this)
        }
    }
    const app = new App
    const func = app.handleClick
</script>
</body>
</html>

所以什麼時候會印出undefined，什麼時候會印null，什麼時候會正常列印？