请仔细阅读这段js代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <input type="text" id="mytext"> <button id="myadd">add</button> <ul class="list"> <li></li> <li></li> </ul> <script> import ajax from './ajax.js' class TodoList { constructor(select) { this.list = document.querySelector(select) this.listdata = [] this.init() } init() { this.getList() } getList() { ajax( { url: "http://localhost:3000/list", success: (res) => { console.log(this) this.listdata = res this.render() }, error: function (err) { console.log("error", err) } } ) } render(){ console.log("11") } } </script> </body> </html> 请问this.render()中的this指向的是谁
时间: 2023-06-27 22:03:05 浏览: 101
-doctype-html-html-lang-en-dir-ltr-head-meta-name:
这段代码中,this.render()中的this指向的是TodoList实例对象。在getList()方法中,成功获取到数据后,使用箭头函数作为回调函数,箭头函数会继承外层作用域的this值,而这里的this指向的就是TodoList实例对象。因此,在箭头函数中调用this.render()时,this指向的是TodoList实例对象。
阅读全文