关于.net GUI应用程序结构的想法(Ideas for structure of .net GUI app)

 
 
 coffeescript的@只是简写this. 
 
 
 所以你原来的js有： 
 
if (input1.val().length <= 4 ...
 
 你的咖啡因应该有 
 
if   input1.val() <= 4 
 
 
 
 如果你的原始js中有$(this) ，你的coffeescript中仍然需要$(this) 。 所以 
 或@ input1.map（ - > this.val（）。match（/ \ s + / g））。length not 0 
 
 
 应该： 
 
or   @input1.map(-> $(this).val().match(/\s+/g)).length not 0
 
 我无法随意看到任何其他问题 - 尝试一下，让我们看看它是否有效，或者是否还有错误。 
 
 [编辑] 
 
 还有其他问题，很大程度上与not 0 ，也包括在内。 这是一个有效的（我认为）coffeescript： 
 
    if input1.val() <= 4 \
    or (input1.map(-> $(this).val().match(/\s+/g)).length != 0) \
    or (input1.map(-> $(this).val().match(/[^A-Za-z0-9]/g)).length != 0)
    then input1.attr('id','error-highlight');
    else input1.attr('id','success-highlight');
 
 它成为了： 
 
  (function() {
    if (input1.val() <= 4 || (input1.map(function() {
      return $(this).val().match(/\s+/g);
    }).length !== 0) || (input1.map(function() {
      return $(this).val().match(/[^A-Za-z0-9]/g);
    }).length !== 0)) {
      input1.attr('id', 'error-highlight');
    } else {
      input1.attr('id', 'success-highlight');
    }
  }).call(this);
 
 哪个看起来很对。 

 
 
coffeescript's @ is just shorthand for this.
 
 
So where your original js has:
 
if (input1.val().length <= 4 ...
 
your coffeescript should have
 
if   input1.val() <= 4 
 
 
 
Where you have $(this) in your original js, you still need $(this) in your coffeescript. So
 
or @input1.map(-> this.val().match(/\s+/g)).length not 0
 
 
should be:
 
or   @input1.map(-> $(this).val().match(/\s+/g)).length not 0
 
I can't offhand see any other issues - try it and let's see if that gets it working, or if there are still errors.
 
[Edit]
 
There were other issues, largely related as mentioned to the not 0 and also to bracketing. Here's a working (I think) coffeescript:
 
    if input1.val() <= 4 \
    or (input1.map(-> $(this).val().match(/\s+/g)).length != 0) \
    or (input1.map(-> $(this).val().match(/[^A-Za-z0-9]/g)).length != 0)
    then input1.attr('id','error-highlight');
    else input1.attr('id','success-highlight');
 
It becomes:
 
  (function() {
    if (input1.val() <= 4 || (input1.map(function() {
      return $(this).val().match(/\s+/g);
    }).length !== 0) || (input1.map(function() {
      return $(this).val().match(/[^A-Za-z0-9]/g);
    }).length !== 0)) {
      input1.attr('id', 'error-highlight');
    } else {
      input1.attr('id', 'success-highlight');
    }
  }).call(this);
 
Which looks about right.