Possible strict violation.

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 4041 days ago, the information mentioned may be changed or developed.

正在写一个JS的图像库，然后我希望设计一个图像对象，在这个图像库中的所有方法都属于这个图像对象，并且执行后返回的还是图像对象，这样我就可以这样写代码了：

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

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

var imageObject = this;

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

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

所以我的问题是：可否有一个两全的方法来实现我的想法。

图像

rotate

jshint

3 replies • 2015-05-14 18:43:32 +08:00

ChiangDi

May 14, 2015

没有完全搞懂你的意思，但是这种流式 API 是非常常见的，你可以看一下别人的代码，比如这个比较常用的处理图像的库 https://github.com/aheckmann/gm 就是这种流式 API

sneezry

May 14, 2015

@ChiangDi 啊，我知道怎么做了，谢谢你~

chairuosen

May 14, 2015

function ImageObj(img){
this.img=img;
}
ImageObj.prototype.func1 = function(){
//do something to this.img
return this;
}
var imgObj = new ImageObj(img)