• js apply和foreach


    obj.call(thisObj, arg1, arg2, ...);
    obj.apply(thisObj, [arg1, arg2, ...]);
    

    两者作用一致,都是把obj(即this)绑定到thisObj,这时候thisObj具备了obj的属性和方法。或者说thisObj『继承』了obj的属性和方法

    唯一区别是apply接受的是数组参数,call接受的是连续参数。
     
    function add(j, k){ return j+k; }
    function sub(j, k){ return j-k; }
    add(5,3); //8
    add.call(sub, 5, 3); //8
    add.apply(sub, [5, 3]); //8
    sub(5, 3); //2
    sub.call(add, 5, 3); //2
    sub.apply(add, [5, 3]); //2
     
    强调: call()函数与Function对象的apply()函数作用相同,只不过call()函数是将Function对象的参数一个个分别传入,apply()函数是将Function对象的参数以一个数组或arguments对象的形式整体传入。
     

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

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

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

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

     

    调用原生对象的方法

    示例:

    var a = {0:1, 1:"yjc", length: 2}; 
    
    a.slice(); //TypeError: a.slice is not a function
    
    Array.prototype.slice.call(a);//[1, "yjc"]
    

    对象a类似array,但不具备array的slice等方法。使用call绑定,这时候就可以调用slice方法。

    实现继承

    通过call和apply,我们可以实现对象继承。示例:

    var Parent = function(){
        this.name = "yjc";
        this.age = 22;
    }
    
    var child = {};
    
    console.log(child);//Object {} ,空对象
    
    Parent.call(child);
    
    console.log(child); //Object {name: "yjc", age: 22}


    bind的使用

    obj.bind(thisObj, arg1, arg2, ...);

    把obj绑定到thisObj,这时候thisObj具备了obj的属性和方法。与call和apply不同的是,bind绑定后不会立即执行。

    同样是add()和sub():

    add.bind(sub, 5, 3); //不再返回8
    add.bind(sub, 5, 3)(); //8

    如果bind的第一个参数是null或者undefined,等于将this绑定到全局对象。

    http://www.cnblogs.com/52fhy/p/5118877.html

     http://www.cnblogs.com/KeenLeung/archive/2012/11/19/2778229.html
     
     http://www.365mini.com/page/javascript-function-call.htm
  • 相关阅读:
    ScheduledThreadPoolExecutor 使用线程池执行定时任务
    ocals是Express应用中 Application(app)对象和Response(res)
    Spring Test 整合 JUnit 4 使用总结
    javascript创建一个基于对象的栈结构
    亲密字符串之Javascript解法
    javascript创建一个基于数组的栈结构
    整数反转
    stage1----航空票务系统需求分析报告
    实验报告
    Lamda 表达式
  • 原文地址:https://www.cnblogs.com/geekjsp/p/6850687.html
Copyright © 2020-2023  润新知