TOGOUTECH

javascript - 带有静态箭头函数的类

coder 2024-05-16 原文

我目前正在实现 static land规范(幻想世界的另一种选择)。我不仅想使用普通对象作为类型，还想使用带有静态方法的 ES2015 类。我已经将这些静态方法实现为柯里化(Currying)形式的箭头函数，而不是普通函数。然而，这对于 ES2015 类是不可能的:

class List extends Array {
  static map = f => xs => xs.map(x => f(x))
  static of = x => [x]
}

我的 map 不需要它自己的 this，因为它只是 List 构造函数上的柯里化(Currying)函数。为了让它工作，我必须编写 static map(f) { return xs => xs.map(x => f(x)) }，这很烦人。

  • 为什么我不能在 ES2015 类中使用箭头函数和赋值表达式？
  • 有没有一种简洁的方法可以实现我的目标？

最佳答案

Why can't I use arrow functions along with an assignment expression in ES2015 classes?

因为那不是 ES2015 类语法的设计方式——暂时，请参阅下面的行。

Is there a concise way to achieve my goal anyway?

我不清楚你想要类，只是一个对象:

const List = {
  map: f => xs => xs.map(x => f(x)),
  of:  x => [x]
};

(您说过扩展对您所做的事情很重要。)

但如果您希望 List 扩展 Array(例如，您将拥有实例)，然后向其中添加这些静态变量，则需要两步: 

let List = Object.assign(
  class List extends Array { },
  {
    map: f => xs => xs.map(x => f(x)),
    of:  x => [x]
  }
);

console.log(List.of(42)); // [42]

如果您希望它们不可枚举或不可配置等，您将需要 Object.defineProperties 而不是 Object.assign；我将把它作为练习留给读者......

有一个 Stage 3 proposal对于类“字段”，包括静态字段，它正在由 JavaScript 引擎构建者积极实现。 (现在您可以通过 Babel 等工具使用它。)它在类中提供静态字段声明语法，几乎与您展示它们的方式完全相同:

// Not in the language yet, but at Stage 3 and shipping without
// any flags in V8 (for instance, in Chrome)
class List extends Array {
  static map = f => xs => xs.map(x => f(x));
  static of = x => [x];
}

console.log(List.of(42)); // [42]

注意:有一个标准的Array.of方法，因此我不会向该 List 添加不兼容的 of。

最后，我要指出，除非有某种原因必须是箭头函数，否则 ES2015 的 class 语法支持静态方法:

// ES2015+
class List extends Array {
  static map(f) {
    return xs => xs.map(x => f(x));
  }
  static of(x) {
    return [x];
  }
}

console.log(List.of(42)); // [42]

关于javascript - 带有静态箭头函数的类，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39080040/

javascript带有codesectionListfunctional-programmingecmascript-6arrow-functionses6-class

有关javascript - 带有静态箭头函数的类的更多相关文章

  1. JavaScript String 对象在 jQuery.post 上被拆分成一个数组 - 2

    我正在使用jQuery执行ajax调用-其中许多都工作正常，但我在尝试向服务器发送字符串时遇到了一个奇怪的问题。我已将代码缩小为:varx=newString('updateGroup');vary='updateGroup';$.post('page.aspx',{f:x,f2:y},function(data){});然而，当它到达服务器时，请求变量如下:Request["f"]nullstringRequest["f2"]"updateGroup"stringRequest.Form.AllKeys{string[12]}string[][0]"f[0]"string[1]"f[

  2. javascript - 如何让 SignalR 与 RequireJS 一起工作？ - 2

    将SignalR与集线器一起使用时，您需要包含一个src为“/signalr/hubs”的脚本-即没有.js扩展名。当我尝试将其与RequireJS一起使用时，它坚持添加“.js”扩展名，这意味着永远不会加载集线器代理。有什么想法可以阻止它这样做吗？ 最佳答案 为了他人的利益回答我自己的问题:我找到了RequireJS的“noext”插件here这解决了问题。如该页面所述，这与Issue18有关的RequireJS 关于javascript-如何让SignalR与RequireJS一起工

  3. javascript - Flash 运行时在使用 PLupload 的 IE8 中不起作用 - 2

    我在$(function(){...});正文中有简单的javascript函数varuploader=newplupload.Uploader({runtimes:'html5,flash,silverlight',browse_button:'pickfiles',container:'uploader',max_file_size:'20mb',unique_names:true,multiple_queues:false,//drop_element:'dropzone',url:'/Home/Upload',flash_swf_url:'../../../Scripts/up

  4. 基于本地时钟的 Javascript 事件触发器 - 2

    我有一个场景，其中一台客户端PC将驱动多个LCD显示器，每个显示器显示一个浏览器窗口。这些浏览器窗口使用jquery显示动画循环中的不同数据。我需要确保两个浏览器可以同步旋转以完全同时旋转，否则它们将在不同时间显示动画。所以我的问题是-我可以触发jquery以根据本地PC时钟交替显示内容吗？例如每次时钟秒==0，显示版本1，每次时钟秒==30，显示版本2等等？ 最佳答案 这是(根据我的经验)让计时器尽可能接近时钟时间触发的最精确方法://getcurrenttimeinmsecstonearest30secondsvarmsecs=

  5. javascript - 获取 OS Win 7 用户名 Javascript - 2

    是否可以在浏览器IE、Chrome、Firefox、Opera中使用Javascript获取Windows用户名和PCName？ 最佳答案 没有。此类信息不会暴露给浏览器中的javascript引擎。 关于javascript-获取OSWin7用户名Javascript，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/8802602/

  6. c# - 我怎样才能让一个禁用的控件重新启用使用 Javascript - 2

    我已经编写了一个代码来在用户单击控件时禁用控件。在我的表单上，我有一个TextBox和一个DropDown。当用户单击TextBox时，我将禁用DropDown就像单击DropDown时一样，我将禁用TextBox效果很好。但是当用户点击Disabled控件时，我想启用该控件。意味着如果我点击被禁用的TextBox我想像dropdown一样Enable..我的示例脚本如下functiontoggleDropDownList1(){vard=document.getElementById("");if(d.disabled){d.disabled=false;}else{document

  7. javascript - 如何像 jsfiddle.net 那样调整多个相邻文本区域的大小？ - 2

    如何像jsfiddle.net网站一样，通过在区域1、2、3上拖动鼠标来调整textarea的大小？我的代码是:HTML:ABCDJS:$(function(){window.onresize=resize;resize();});functionresize(){varh=(window.innerHeight||(window.document.documentElement.clientHeight||window.document.body.clientHeight));vardivHight=20+$("#div_left").height();//20=bodypaddin

  8. javascript - 重变量应该放在函数之外吗？ - 2

    我目前有一个运行大约200次的函数。函数如下所示:functionGetB(av,bol){varbxes=[["11","12","13","21","22","23","31","32","33"],["14","15","16","24","25","26","34","35","36"],["17","18","19","27","28","29","37","38","39"],["41","42","43","51","52","53","61","62","63"],["44","45","46","54","55","56","64","65","66"],["47",

  9. javascript - 真实世界 URL 的 URL 验证正则表达式 - 2

    我想验证给定的字符串是URL。匹配文本中的URL也很好，但不是必需的。我已经搜索并进行了实验，但到目前为止，我还没有找到可以满足这些要求的东西:不得接受在被视为链接时会带来安全风险的字符串。例如，clickme是一个有效的HTML元素，并且至少在某些浏览器中确实有效(引发警报等)。我担心如果我允许任意方案(见下文)，它可能会损害安全性(如前所述，例如，此处:WhatisthebestregularexpressiontocheckifastringisavalidURL?)。必须在JavaScript中正常工作。如果它在Java中也能同样工作，那就太好了——我正在GWT中开发，所以这很

  10. javascript - 模块模式中的构造函数 - 2

    在javascript中使用模块模式时，应该如何定义构造函数(如果有的话)。我希望我的构造函数适合标准模块模式而不是全局的。为什么这样的东西不起作用，它完全是胡说八道吗？varHOUSE=function(){return{Person:function(){varself=this;self.name="john";functionname(){returnself.name;}}};}();varme=newHOUSE.Person();alert(me.name()); 最佳答案 您的代码几乎没问题。但是，函数name()不是

随机推荐