zoukankan      html  css  js  c++  java
  • javascript方法--call()

    关于call方法,以前经常看到这个方法,但是也没怎么用心去学习,后来觉得不行,所以知识在一点一点补~

    今天对自己学习call方法做一下总结

    其实,学了call方法,会发现call跟apply其实是很像的,不过还是有一些不同

    语法

    fun.call(this,arg1,arg2,...)

    fun方法在指定的this下调用,并且指定了若干个参数,可以解释为一个对象(this)借用另一个对象上的方法(fun)

    (第一个参数指示this,第二个及以后的参数做为函数调用时的参数)

    与apply比较

    apply只跟有两个参数,第一个参数跟call是一样的,第二个参数则是一个数组,不过两者实现的功能是差不多的

    实例

    1.调用父构造函数实现继承

     1 function Father(){
     2     ...
     3 }
     4 function Child(){
     5     //子类继承父类的方法属性
     6     Father.call(this,...);
     7     ...
     8 }
     9 //把子类的原型指向父类,表示继承自父类
    10 Child.prototype = new Father();
    11 var childObj = new Child();

    2.使用call方法调用匿名函数

     1 var animals = [
     2   {name:'a',num:1},
     3   {name:'b',num:2}
     4];
     5 
     6 for (var i = 0;i < animals.length;i++) {
     7   (function(i) {
     8     console.log(i + ',name:' + this.name + ',num:' + this.num);
     9   }).call(animals[i],i);
    10 }

    兼容性

    call的兼容性是很好的,所有浏览器都兼容call方法,所以当要用到继承时,call方法是个不错的选择~

  • 相关阅读:
    Laravel 出现 No application encryption key has been specified.
    windows下用composer局部安装laravel
    vue组件--通讯录
    vue组件--TagsInput
    axios封装(二)队列管理
    axios封装(一)基础配置
    [git hooks] pre-commit 配置
    qs.js
    flexbox的应用
    盒子模型详解
  • 原文地址:https://www.cnblogs.com/xxxxBW/p/4914518.html
Copyright © 2011-2022 走看看