• javascript方法call()


     

    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方法是个不错的选择~

     
    标签: javascript
    好文要顶 关注我 收藏该文  
    0
    1
     
     
     
    « 上一篇: javascript方法--apply()
    » 下一篇: javascript方法--bind()
     
     
     
     
     
     
     
     
     
     

    学习中遇到的问题(前端~)

     

    打开新页

    学习中遇到的问题(前端~)

    上个星期发现自己做的网页貌似很混乱,没有分一个部分一个部分,听师兄说后,自己也觉得很混乱,恩恩。改啊改啊~

    刚开始不知道怎么下手,后来发现position:absolute;是相对于父元素的位置,所以决定一个块一个块的改,从上到下~在改得过程中还是出现了不少的问题:

    1、用css3设置阴影时会被下一个div挡住,后来使用了z-index就可以了,不过z-index要在position有设置的情况下才可以使用,我设置的是absolute。

    2、一些颜色比较简单的背景,可以直接用代码设置背景颜色,不要用切图,切图的话比较浪费,占内存。用代码的话占内存较少,那些按钮,导航的阴影直接用CSS3实现,也不用切图。

    3、对于一些必须切图的,就要比较细心,那样子做出来的效果会比较好,一般的话写出来的图都是选png格式的。

    4、在构建页面时,可以比较巧妙的运用叠放,因为代码是一行一行读下去的,要是怕一些字什么的被挡住,就可以把字的div放在后面,就不会被挡住了。

  • 相关阅读:
    免费部署Woocall到您自己的网站上
    服务器控件开发之复杂属性
    删除数据库的所有存储过程、主键、外键、索引等
    怎样在dropdownlist的每一项前加一个或多个空格
    Java的内部类学习
    StringUtils全览 (转)
    Java异常大全
    Java web 开发小问题总结(持续更新中)
    Java常用方法总结(持续更新中)
    Python 常用函数
  • 原文地址:https://www.cnblogs.com/effortandluck/p/16413769.html
Copyright © 2020-2023  润新知