个人中心
gpt4 book ai didi

javascript - 函数内的 'this' 不应该指向对象本身吗？

转载 作者：行者123 更新时间：2023-12-03 04:55:49 24 4
gpt4 key购买 nike

谢谢大家，这原来是我自己对 ES6 类语法的困惑。

但是我问这个问题是因为我遇到了以下问题。

我正在学习 React，我有以下代码片段。

import React, { Component } from 'react';

class SearchBar extends Component {
constructor(props){
    super(props);
}

render() {
    // console.log(this);
    return <div>
            <input
                onChange={ this.onInputChange }
            />
        </div>;
    }

    onInputChange(event) {
        console.log(this);
    }
}

export default SearchBar;

相当简单，这段代码将生成一个输入组件，当其中的内容发生变化时，我们会注销“this”。

但是，这段代码始终会生成“undefined”。

据我所知，对象子函数中的“this”应该指向对象本身，为什么会发生这种情况？

顺便说一下，主js文件是这样的。

import ReactDOM from 'react-dom';
import React from 'react';

import SearchBar from './components/search_bar';

const API_KEY = 'AIzaSyCdAXs0YXxqGUKjb4sZsmsF_hHq_f3PJmY';

const App = () => {
    return (
            <div>
            <SearchBar />
            </div>
            );
}

ReactDOM.render(<App />, document.querySelector('.container'));

html 看起来像这样

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="/style/style.css">
    <link rel="stylesheet" href="https://cdn.rawgit.com/twbs/bootstrap/48938155eb24b4ccdde09426066869504c6dab3c/dist/css/bootstrap.min.css">
    <script src="https://maps.googleapis.com/maps/api/js"></script>
  </head>
  <body>
    <div class="container"></div>
  </body>
  <script src="/bundle.js"></script>
</html>

其中bundle.js是带有bable的输出react脚本。

最佳答案

this 关键字由于 prototype 而指向名为 test 的对象。 hello 函数不是与测试对象分离的函数。

如果你问为什么要使用原型(prototype)？

使用原型(prototype)可以更快地创建对象，因为每次创建新对象时不必重新创建该函数。

关于javascript - 函数内的 'this' 不应该指向对象本身吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42431715/

24 4 0
文章推荐： azure - Docker 与 Kubernetes 中的自托管网关
文章推荐： dart - 新的Dart版本破坏了int和double使用num的抽象
文章推荐： flutter - 将快照数据传递给类时出错
文章推荐： azure - Azure Pipelines 中的 secret 变量
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com