js中bind（）

最新推荐文章于 2024-03-18 04:31:38 发布

包淼淼

最新推荐文章于 2024-03-18 04:31:38 发布

阅读量1.8k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_32849999/article/details/80472417

版权

js 专栏收录该内容

75 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>title</title>
    <script>

        function f1(x, y) {
            console.log((x + y) + ":=====>" + this.age);
        }


        //复制了一份的时候,把参数传入到了f1函数中,x===>10,y===>20,null就是this,默认就是window
        //bind方法是复制的意思,参数可以在复制的时候传进去,也可以在复制之后调用的时候传入进去
        //apply和call是调用的时候改变this指向
        //bind方法,是复制一份的时候,改变了this的指向

        //first
        var ff=f1.bind(null);
        ff(10,20);//30:=====>undefined

        // second
        var ff=f1.bind(null,10,20);
        ff();//30:=====>undefined

           function Person() {
             this.age = 1000;
           }
           Person.prototype.eat = function () {
             console.log("这个是吃");
           };
           var per = new Person();
        
           var ff = f1.bind(per, 10, 20);
           ff();//30:=====>1000
        //函数名字.bind(对象,参数1,参数2,...);---->返回值是复制之后的这个函数



        function Person1(age) {
          this.age=age;
        }
        Person1.prototype.play=function () {
          console.log(this+"====>"+this.age);
        };
        
        function Student1(age) {
          this.age=age;
        }
        var per1=new Person1(10);
        var stu1=new Student1(20);
        //复制了一份
        var ff=per1.play.bind(stu1);
        ff();//[object Object]====>20



        //bind是用来复制一份
        //使用的语法:
        /*
        * 函数名字.bind(对象,参数1,参数2,...);---->返回值是复制之后的这个函数
        * 方法名字.bind(对象,参数1,参数2,...);---->返回值是复制之后的这个方法
        *
        * */


    </script>
</head>
<body>


</body>
</html>

js中bind方法的使用

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>title</title>
  <script>

    //通过对象,调用方法,产生随机数

    function ShowRandom() {
      //1-10的随机数
      this.number=parseInt(Math.random()*10+1);
    }
    //添加原型方法
    ShowRandom.prototype.show1=function () {
      //改变了定时器中的this的指向了,本来应该是window,现在是实例对象了
      window.setInterval(this.show2.bind(this),1000);
     
    };
    //添加原型方法
    ShowRandom.prototype.show2=function () {
      //显示随机数--
      console.log(this.number);
    };
    //实例对象
    var sr=new ShowRandom();
    //调用方法,输出随机数字
    //调用这个方法一次,可以不停的产生随机数字
    sr.show1();

  </script>
</head>
<body>


</body>
</html>

包淼淼

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js中bind（）

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;title&lt;/title&gt; &lt;script&gt; function f1(x, y) {
复制链接

扫一扫