推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
› Closure: The Definitive Guide
这是一个创建于 3474 天前的主题，其中的信息可能已经有所发展或是发生改变。
正在写一个JS的图像库，然后我希望设计一个图像对象，在这个图像库中的所有方法都属于这个图像对象，并且执行后返回的还是图像对象，这样我就可以这样写代码了：
imageObject.resize(200, 200).rotate(45).resize(100, 100).grayscale().rotate(90);
所以在写函数的时候就很自然地写了：
var imageObject = this;
然后JSHint就给出了这个警告。
我知道可以通过配置文件让JSHint忽略这个警告，但我也深知不在少数的同学对JS的this认识得并不深入，如果忽略这个警告，以后和小伙伴们一起玩耍难免会有小伙伴不小心搞错了this。
所以我的问题是：可否有一个两全的方法来实现我的想法。
imageObject.resize(200, 200).rotate(45).resize(100, 100).grayscale().rotate(90);
所以在写函数的时候就很自然地写了：
var imageObject = this;
然后JSHint就给出了这个警告。
我知道可以通过配置文件让JSHint忽略这个警告，但我也深知不在少数的同学对JS的this认识得并不深入，如果忽略这个警告，以后和小伙伴们一起玩耍难免会有小伙伴不小心搞错了this。
所以我的问题是：可否有一个两全的方法来实现我的想法。
 |
1
ChiangDi 2015-05-14 17:47:47 +08:00  1
没有完全搞懂你的意思，但是这种流式 API 是非常常见的，你可以看一下别人的代码，比如这个比较常用的处理图像的库 https://github.com/aheckmann/gm 就是这种流式 API
|
 |
3
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) |
Select Language