Possible strict violation.

2015-05-14 17:22:04 +08:00
 sneezry
正在写一个JS的图像库,然后我希望设计一个图像对象,在这个图像库中的所有方法都属于这个图像对象,并且执行后返回的还是图像对象,这样我就可以这样写代码了:

imageObject.resize(200, 200).rotate(45).resize(100, 100).grayscale().rotate(90);

所以在写函数的时候就很自然地写了:

var imageObject = this;

然后JSHint就给出了这个警告。

我知道可以通过配置文件让JSHint忽略这个警告,但我也深知不在少数的同学对JS的this认识得并不深入,如果忽略这个警告,以后和小伙伴们一起玩耍难免会有小伙伴不小心搞错了this。

所以我的问题是:可否有一个两全的方法来实现我的想法。
2617 次点击
所在节点    JavaScript
3 条回复
ChiangDi
2015-05-14 17:47:47 +08:00
没有完全搞懂你的意思,但是这种流式 API 是非常常见的,你可以看一下别人的代码,比如这个比较常用的处理图像的库 https://github.com/aheckmann/gm 就是这种流式 API
sneezry
2015-05-14 18:05:10 +08:00
@ChiangDi 啊,我知道怎么做了,谢谢你~
chairuosen
2015-05-14 18:43:32 +08:00
function ImageObj(img){
this.img=img;
}
ImageObj.prototype.func1 = function(){
//do something to this.img
return this;
}
var imgObj = new ImageObj(img)

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/191089

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX