菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
25
0

javascript 图片轮换 函数化继承

原创
05/13 14:22
阅读数 36920

复制代码 代码如下:

var photo=function(){
var index=0,a,b,c,d;
return {
show:function(){},
auto:function(){}
}
}
var aa=photo();
//基本上是 用return 返回了一些方法。
// 1:无法初始化就执行 auto。
// 2:在初始化的时候,我没办法把this指向aa。
/http://www.cppcns.com/上面两个问题,会很不方便。


复制代码 代码如下:

var aa=photo("id");
aa.auto()//多一句话,很不好看。



2:如果有两个动画在同一个页面。

复制代码 代码如下:

var aa=photo("id1");
aa.auto()
var bb=photo("id2");
bb.auto()




javascript



java











复制代码 代码如下:

var photo = function(spec){
var _this={},index,a,c,d;
//这里可以初始化用户控制的a标签
//比如这洋
a.onmouseover=function(){
_this.go();//可以调用哦
}
_this.show=function()JNrkt{};
_this.auto=function(){};
_this.go=function(){};
// 这里可以直接调用刚才申明好的方法
_this.auto()//可以直接调用
return _this;
}

var bb=photo({index:1;});
var aa=photo({index:2});
//上面创建了 bb aa 两个不同的动画,不会互相影响哦。
// 如果我对javascript语言精粹 的函数化 理解有问题。还请指教...





复制代码 代码如下:

var Extend = function(destination, source) {
for (var property in source) {
destination[property] = source[property];
}
return destination;
}
// 看到 Extend 大家都知道 他是做什么用的了。



发表评论

0/200
25 点赞
0 评论
收藏
为你推荐 换一批