Question

我正在尝试写相当于：

$( "#draggable" ).draggable({ axis: "y" });

在Amber smalltalk。

我的猜测是：'#draggable' asJQuery draggable: {'axis' -> 'y'}但不是这样。

Answer 1

不使用vanilla 0.9.1，但至少在最近两个月前在master上工作是：

'#draggable' asJQuery draggable: #{'axis' -> 'y'}

并且这是推荐的方式。

P.S。：#{ 'key' -> val. 'key2' -> val }是内联创建HashedCollection的语法，已实现（从前面提到的两个月前的修复），因此只有公共（也称为可枚举）属性是HashedCollection键。在修复之前，所有方法都是可枚举的，这阻止了自然地使用它来代替JavaScript对象。

Answer 2

herby 的优秀答案指出了推荐的方法。显然，现在有词典 - 文字支持（见下面的评论）。不知道： - ）

旧/替代方式

由于历史原因，或者对于未使用最新主版本的用户，这是另一种方法：

options :=  <{}>. 
options at: #axis put: 'y'.
'#draggable' asJQuery draggable: options.

第一行构造一个空的JavaScript对象（它真的是JSObjectProxy）。

第二行输入字符串＆＃34; y＆＃34;在插槽＆＃34;轴＆＃34;。它具有与以下相同的效果：

options.axis = "y"; // JavaScript

最后，它被调用，并作为参数传递。

Array-literals vs Dictionaries

你正在做的事情没有用，因为在现代的Smalltalk（Pharo / Squeak / Amber）中，花括号用于数组文字，而不是像JavaScript中那样使用的对象文字。

如果您在工作区中评估（打印）它：

{ #elelemt1. #element2. #element3 }.

你得到：

a Array (#elelemt1 #element2 #element3)

因此，如果您有一些看起来的东西，就像JavaScript对象一样，实际上它是一个关联数组。为了说明我给你这个片段，右边是print-it的结果：

arrayLookingLikeObject := { #key1 -> #value1. #key2 -> #value2. #key3 -> #value3}.

arrayLookingLikeObject class. "==> Array"
arrayLookingLikeObject first class. "==> Association"
arrayLookingLikeObject "==> a Array (a Association a Association a Association)"

我在这里写到：

http://smalltalkreloaded.blogspot.co.at/2012/04/javascript-objects-back-and-forth.html

使用Amber将选项传递给JS函数

2 个答案:

旧/替代方式

Array-literals vs Dictionaries