• call()和apply()的认知


    •  apply:方法能劫持另外一个对象的方法,继承另外一个对象的属性.

       Function.apply(obj,args)方法能接收两个参数  

      obj:这个对象将代替Function类里this对象  

      args:这个是数组,它将作为参数传给Function(args-->arguments)

      Function.call(obj,[param1[,param2[,…[,paramN]]]])  

      obj:这个对象将代替Function类里this对象  

      params:这个是一个参数列表

      

    1.apply示例:  

    <script type="text/javascript">   

    /*定义一个人类*/   

    function Person(name,age) {   

    this.name=name; this.age=age;   

    }   

    /*定义一个学生类*/   

    functionStudent(name,age,grade) {   

        Person.apply(this,arguments); this.grade=grade;   

    }   

    //创建一个学生类   

    var student=new Student("qian",21,"一年级");   

    //测试   

    alert("name:"+student.name+" "+"age:"+student.age+" "+"grade:"+student.grade);   

    //大家可以看到测试结果name:qian age:21 grade:一年级   

    //学生类里面我没有给name和age属性赋值啊,为什么又存在这两个属性的值呢,这个就是apply的神奇之处.   

    </script>   

    分析: Person.apply(this,arguments);  

    this:在创建对象在这个时候代表的是student  

    arguments:是一个数组,也就是[“qian”,”21”,”一年级”];  

    也就是通俗一点讲就是:用student去执行Person这个类里面的内容,在Person这个类里面存在this.name等之类的语句,这样就将属性创建到了student对象里面  

    2.call示例  

    在Studen函数里面可以将apply中修改成如下:  

    Person.call(this,name,age);  

    这样就ok了

  • 相关阅读:
    PHP页面静态化
    PHP实现单文件、多文件上传 封装 面向对象实现文件上传
    PHP MYSQL
    MySQL 数据表
    MySQL基础
    DOM事件处理程序-事件对象-键盘事件
    JS--显示类型转换Number—隐式类型转换
    JS的数据类型
    JS属性读写操作+if判断注意事项
    Javascript进阶篇——总结--DOM案例+选项卡效果
  • 原文地址:https://www.cnblogs.com/luckyXcc/p/5771094.html
Copyright © 2020-2023  润新知