( http://eloquentjavascript.net/07_elife.html )
我很难理解我们添加的 .get 和 .set 的 Grid 方法甚至做了什么。首先，让我们看一个示例。
var grid = new Grid(5,5);
现在 space 是一个包含 25 元素的数组。当然 width 和 height 都是 5.
现在的问题是“get”的方法是做什么的。
现在我们说 console.log(grid.get(new Vector(1, 1)));.
所以在我们创建的新对象中，x变成了1，y变成了1。当然，我们需要执行 grid.get，因此我们返回 this.space[1+ 1 * 5]，即空间数组中的第 6 个位置，长度为 25 个元素。那么为什么这个打印未定义？是不是空间阵里面什么都没有？
TLDR
.get 和 .set 原型(prototype)在这里如何工作(它们做什么)？还有为什么我们要设置return this.space[vector.x + this.width*vector.y];，vector.x+this.width*vector有没有数值上的意义。 y?
function Vector(x,y){
this.x = x;
this.y = y;
}
Vector.prototype.plus = function(other){
return new Vector(this.x + other.x, this.y + other.y);
}
var grid = ["top left", "top middle", "top right",
"bottom left", "bottom middle", "bottom right"];
function Grid (width,height){
this.space = new Array(width * height);
this.width = width;
this.height = height;
}
Grid.prototype.isInside = function(vector){
return vector.x >=0 && vector.x<this.width && vector.y>=0 && vector.y<this.height;
}
Grid.prototype.get = function(vector){
return this.space[vector.x + this.width*vector.y];
// 5 + 5 * 1;
}
Grid.prototype.set = function(vector,value){
this.space[vector.x + this.width *vector.y] = value;
}
var grid = new Grid(5, 5);
console.log(grid.get(new Vector(1, 1)));
// → undefined
grid.set(new Vector(1, 1), "X");
console.log(grid.get(new Vector(1, 1)));
// → X
最佳答案
我不知道我是否能比您已经关注的文章更清楚，但我会试一试。
这:new Array(25) 等同于:[undefined, undefined, undefined, ...25x]
在你的代码中，你有这个:
var grid = ["左上", "中上", "右上", "左下", "中下", "右下"];
然后再次声明同一个变量:
var grid = new Grid(5, 5);
因此，最终 grid 等于 [undefined, undefined, undefined, ...]。这就是为什么在设置任何东西之前你会得到 undefined 的原因。
get 和set，简单地找到一个项目在数组中的位置，并读取或写入该位置的值。这是在数组中查找位置的代码:vector.x+this.width*vector.y。让我们分解一下:
vector.x = 表格列
vector.y = 表格行
想象一个 3x2 的表格 = [ 'row0 col0', 'row0 col1', 'row0 col2', 'row1 col0', 'row1 col1', 'row1 col2' ]
现在我们想要第 2 列第 1 行的项目，所以 new Vector(2, 1)。这是我们数组中位置 5 的项目。因此，从第 1 行 ( this.width*vector.y ) = (3*1) 开始，获取第 2 列的项目 ( + vector.x) = ( + 2 )
this.width是每一行的大小，所以当你乘以vector.y时，意味着vector.y相当于一定的行数。然后从那里，您只需对列位置 (vector.x) 求和。
表示表格数据
一个表有几行，每行有几列，所以你可以用一个数组来表示一个表的每一行，比如:
row1 = ['item1', 'item2'];
row2 = ['item3', 'item4'];
table = [row1, row2];
这会给你一个多维数组:[ ['item1', 'item2'], ['item3', 'item4'] ]
意味着您将像这样访问数据:table[rowIndex][columnIndex]
但是您使用的方法是将所有项目存储在一个列表、一个数组中:table = ['item1', 'item2', 'item3', 'item4']
现在假设我们要使用 rowIndex 和 columnIndex 查找与上一个示例相同的项目，除了这次只有一个项目列表，所以我们需要将 rowIndex 和 columnIndex 组合成一个数字，以使用:table[indexOfItemIWant] 获取项目。我们该怎么做？您知道所有行都一个接一个地列出，并且所有行上都有相同数量的项目。因此，要在我们的列表中找到一行的开头，我们将行的大小乘以我们要跳过的行数。在每行有两个项目的表格中，如我们的示例，第一行从位置 0 开始，占据两个位置，因此下一行从位置 0 + 2 开始，然后下一行从位置 0 +2 + 开始2，然后是 0 +2 +2 +2 等等，这就是为什么你使用 width(一行中的项目数)乘以我想要获得的行(vector.y)。
关于javascript - 设置网格。 Eloquent js第7章，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38463093/
我有一个Ruby程序，它使用rubyzip压缩XML文件的目录树。gem。我的问题是文件开始变得很重，我想提高压缩级别，因为压缩时间不是问题。我在rubyzipdocumentation中找不到一种为创建的ZIP文件指定压缩级别的方法。有人知道如何更改此设置吗？是否有另一个允许指定压缩级别的Ruby库？ 最佳答案 这是我通过查看rubyzip内部创建的代码。level=Zlib::BEST_COMPRESSIONZip::ZipOutputStream.open(zip_file)do|zip|Dir.glob("**/*")d
我在使用omniauth/openid时遇到了一些麻烦。在尝试进行身份验证时，我在日志中发现了这一点:OpenID::FetchingError:Errorfetchinghttps://www.google.com/accounts/o8/.well-known/host-meta?hd=profiles.google.com%2Fmy_username:undefinedmethod`io'fornil:NilClass重要的是undefinedmethodio'fornil:NilClass来自openid/fetchers.rb，在下面的代码片段中:moduleNetclass
我正在查看instance_variable_set的文档并看到给出的示例代码是这样做的:obj.instance_variable_set(:@instnc_var,"valuefortheinstancevariable")然后允许您在类的任何实例方法中以@instnc_var的形式访问该变量。我想知道为什么在@instnc_var之前需要一个冒号:。冒号有什么作用？ 最佳答案 我的第一直觉是告诉你不要使用instance_variable_set除非你真的知道你用它做什么。它本质上是一种元编程工具或绕过实例变量可见性的黑客攻击
我想设置一个默认日期，例如实际日期，我该如何设置？还有如何在组合框中设置默认值顺便问一下，date_field_tag和date_field之间有什么区别？ 最佳答案 试试这个:将默认日期作为第二个参数传递。youcorrectlysetthedefaultvalueofcomboboxasshowninyourquestion. 关于ruby-on-rails-date_field_tag，如何设置默认日期？[rails上的ruby]，我们在StackOverflow上找到一个类似的问
我正在玩HTML5视频并且在ERB中有以下片段:mp4视频从在我的开发环境中运行的服务器很好地流式传输到chrome。然而firefox显示带有海报图像的视频播放器，但带有一个大X。问题似乎是mongrel不确定ogv扩展的mime类型，并且只返回text/plain，如curl所示:$curl-Ihttp://0.0.0.0:3000/pr6.ogvHTTP/1.1200OKConnection:closeDate:Mon,19Apr201012:33:50GMTLast-Modified:Sun,18Apr201012:46:07GMTContent-Type:text/plain
我在Rails应用程序中使用CarrierWave/Fog将视频上传到AmazonS3。有没有办法判断上传的进度，让我可以显示上传进度如何？ 最佳答案 CarrierWave和Fog本身没有这种功能；你需要一个前端uploader来显示进度。当我不得不解决这个问题时，我使用了jQueryfileupload因为我的堆栈中已经有jQuery。甚至还有apostonCarrierWaveintegration因此您只需按照那里的说明操作即可获得适用于您的应用的进度条。 关于ruby-on-r
我正在尝试为我的iOS应用程序设置cocoapods但是当我执行命令时:sudogemupdate--system我收到错误消息:当前已安装最新版本。中止。当我进入cocoapods的下一步时:sudogeminstallcocoapods我在MacOS10.8.5上遇到错误:ERROR:Errorinstallingcocoapods:cocoapods-trunkrequiresRubyversion>=2.0.0.我在MacOS10.9.4上尝试了同样的操作，但出现错误:ERROR:Couldnotfindavalidgem'cocoapods'(>=0),hereiswhy:U
我遇到了一个非常奇怪的问题，我很难解决。在我看来，我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时，我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性，其中包括href和data-method。再次单击此链接后，我的服务器收到了对新href的请求，但使用的是旧的data-method，即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是，如果我刷新页面，HTML与"new"HTML相同(随返回的JS发生变化)，但它实际上发送了正确的请求类型。这就是这个问题令我困惑的
我正在构建一个应用程序，想知道是否将未使用的对象设置为nil是生产级编码中的常见做法。我知道这只是垃圾收集器的提示，并不总是处理对象。 最佳答案 根据这个thread如果您使用完一个成员对象，将其设置为nil将引发被引用对象被垃圾回收。如果它是局部变量，方法exit将做同样的事情。也就是说，如果您要求将成员显式设置为nil，我会质疑您的设计。 关于ruby-将对象设置为nil是否很常见？，我们在StackOverflow上找到一个类似的问题： https://
我正在关注Hartl的railstutorial.org并已到达11.4.4:Imageuploadinproduction.我做了什么:注册亚马逊网络服务在AmazonIdentityandAccessManagement中，我创建了一个用户。用户创建成功。在AmazonS3中，我创建了一个新存储桶。设置新存储桶的权限:权限:本教程指示“授予上一步创建的用户读写权限”。但是，在存储桶的“权限”下，未提及新用户名。我只能在每个人、经过身份验证的用户、日志传送、我和亚马逊似乎根据我的名字+数字创建的用户名之间进行选择。我已经通过选择经过身份验证的用户并选中了上传/删除和查看权限的框(而不