【js】bind改变this指向

最新推荐文章于 2024-09-07 14:43:50 发布

湛海不过深蓝

最新推荐文章于 2024-09-07 14:43:50 发布

阅读量292

点赞数

分类专栏： js 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/bbt953/article/details/129418444

版权

js 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

文章介绍了JavaScript中bind方法的作用，它用于改变函数内部this的指向，但会返回一个新的函数。示例展示了如果不调用返回的函数，将不会看到预期的效果。通过bind，可以固定函数的上下文，例如在事件处理或回调函数中确保this的正确性。

摘要由CSDN通过智能技术生成

bind可以用来改变this的指向，但是bind返回的是一个新函数，需要重新调用

<!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>bind</title>
</head>
<body>
  <script>
    function demo() {
      console.log(this)   // window
    }
    demo()
    demo.bind({a: 1, b: 2})   // bind返回的是一个新函数   此处没有调用   所以控制台不会输出内容
    const x = demo.bind({a: 1, b: 2})
    x()   // {a: 1, b: 2}
  </script>
</body>
</html>