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方法是个不错的选择~
学习中遇到的问题(前端~)
学习中遇到的问题(前端~)
上个星期发现自己做的网页貌似很混乱,没有分一个部分一个部分,听师兄说后,自己也觉得很混乱,恩恩。改啊改啊~
刚开始不知道怎么下手,后来发现position:absolute;是相对于父元素的位置,所以决定一个块一个块的改,从上到下~在改得过程中还是出现了不少的问题:
1、用css3设置阴影时会被下一个div挡住,后来使用了z-index就可以了,不过z-index要在position有设置的情况下才可以使用,我设置的是absolute。
2、一些颜色比较简单的背景,可以直接用代码设置背景颜色,不要用切图,切图的话比较浪费,占内存。用代码的话占内存较少,那些按钮,导航的阴影直接用CSS3实现,也不用切图。
3、对于一些必须切图的,就要比较细心,那样子做出来的效果会比较好,一般的话写出来的图都是选png格式的。
4、在构建页面时,可以比较巧妙的运用叠放,因为代码是一行一行读下去的,要是怕一些字什么的被挡住,就可以把字的div放在后面,就不会被挡住了。