码迷,mamicode.com
首页 > Web开发 > 详细

js中bind(),call()使用详解

时间:2021-05-24 06:04:46      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:log   使用详解   函数   image   第一个   nbsp   func   size   bsp   

1.bind()

函数.bind(this指向,函数参数...)

1 函数调用bind会返回一个新的函数
2 新函数中的this指向bind的第一个参数

例:
function show() {
      console.log(‘show‘);
      console.log(this);
    }
show();// this指向window
var obj = {
      name: ‘zs‘
    };

var fn = show.bind(obj); // 由于返回的是新函数,也可以写成
fn();// this指向obj
// 由于返回的是新函数,也可以写成↓
// var fn = show.bind(obj)();
this指向:

技术图片

 

 

2. bind()行内事件this指向

<div onclick="fn(this)"> 只愿君心似我心,定不负相思意</div>
  <!-- 行内绑定改变this的指向 -->
  <div onclick="fn1.bind(this)()"> 你猜猜</div>
  <script>
    function fn(that) {
      console.log(that); // 只愿君心

      // console.log(this);

    }

    function fn1() {
      console.log(this); // 你猜猜
    }
  </script>

 

 

js中bind(),call()使用详解

标签:log   使用详解   函数   image   第一个   nbsp   func   size   bsp   

原文地址:https://www.cnblogs.com/MoonASixpence/p/14757292.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!