js笔记--方法

   Ajavascript

   在一个对象中绑定函数,称为这个对象的方法:java

  例:app

   var xiaoming = {  name: '小明',   birth: 1990,  age: function () { var y = new Date().getFullYear(); return y - this.birth;  }   };   xiaoming.age; // function xiaoming.age()   xiaoming.age(); // 今年调用是25,明年调用就变成26了
其中在一个方法内部,this是一个特殊变量,它始终指向当前对象,也就是xiaoming这个变量。
若将函数写在对象外部,单独调用函数则会返回NaN,由于函数至关于全局函数,this指向了window
  例:
thisxiaoming
    function getAge() {     var y = new Date().getFullYear();     return y - this.birth;     }     var xiaoming = {     name: '小明',     birth: 1990,     age: getAge     };     xiaoming.age(); // 25, 正常结果     getAge(); // NaN


B apply

(1)改变this指向
 要指定函数的this指向哪一个对象,能够用函数自己的apply方法,它接收两个参数,第一个参数就是须要绑定的this变量,第二个参数是Array,表示函数自己的参数。
 用apply修复getAge()调用:
   例:

thisapplythisArrayapplygetAge()
     function getAge() {       var y = new Date().getFullYear();       return y - this.birth;     }     var xiaoming = {      name: '小明',      birth: 1990,      age: getAge     };     xiaoming.age(); // 25     getAge.apply(xiaoming, []); // 25, this指向xiaoming, 参数为空

  另外一个与apply()相似的方法是call(),惟一区别是:函数

    • apply()把参数打包成Array再传入;网站

    • call()把参数按顺序传入。this

 

  好比调用Math.max(3, 5, 4),分别用apply()call()实现以下:spa

   Math.max.apply(null, [3, 5, 4]); // 5    Math.max.call(null, 3, 5, 4); // 5

  对普通函数调用,咱们一般把this绑定为nullcode

(2)动态改变函数的行为对象

  例:ip

    想统计一下代码一共调用了多少次parseInt()?

    解题思路:本身从新写一个函数来替换js默认的parseInt()函数    

    var count = 0;
    var oldParseInt = parseInt; // 保存原函数
    window.parseInt = function () {
        count += 1;
        return oldParseInt.apply(null, arguments); // 调用原函数
    };摘抄自廖雪峰老师的官方网站
相关文章
相关标签/搜索