首页 > web前端 > js教程 > 正文

在 JavaScript 中实现 Ruby 的方法 Method

WBOY
发布: 2024-07-31 06:30:13
原创
689 人浏览过

Implementing Ruby

突然觉得Ruby的methods方法是不是很方便呢?在编写代码时,它会列出对象可用的所有方法和属性,并允许您搜索它们,这对于调试非常有用。

除此之外,它对于检查 Rails 等框架特有的方法也很有效,有助于代码阅读和理解库。虽然参考官方文档或源代码是一种很好的做法,但当您不需要深入研究或对方法名称有模糊记忆时,methods 方法对于库非常有帮助。

Ruby 的方法 Method

简单介绍一下Ruby的methods方法,如下所示:

对象#方法

返回 obj 的公共方法和受保护方法的名称列表。这将包括 obj 祖先中可访问的所有方法。如果可选参数为 false,则返回 obj 的公共和受保护单例方法的数组,该数组将不包含 obj 包含的模块中的方法。

换句话说,它返回一个包含可从接收者访问的属性和方法的数组对象。

该方法是在Object类中实现的,Object类是所有继承自Object的类的祖先,因此可以在任何继承自Object的类中使用。

示例代码

class Hoge
  attr_accessor :fuga

  def bar
    puts ''
  end
end

puts Hoge.new.methods     // => [:bar, :fuga=, :fuga, :hash, :singleton_class, :dup, ...]
puts Hoge.new.grep /fuga/ // => [:fuga=, :fuga]
登录后复制

如示例所示,它返回一个Array对象,因此您也可以使用grep方法搜索方法列表,非常方便。

所以我就想是否可以用JS来实现这个功能,并尝试了一下。

执行

下面是实际代码。

类名可以是任何名称,但我现在将其命名为 PropertyFinder。

class PropertyFinder {
    constructor(receiver) {
      this.receiver = receiver
    }

    grep(regexp, options = {}) {
      let res = []
      if (typeof regexp === 'string') {
        return this.find((name) => name.includes(regexp))
      }
      if (regexp instanceof RegExp) {
        return this.find((name) => regexp.test(name))
      }
      return []
    }

    toString() {
      return this.find(() => true)
    }

    find(detect) {
      const list = Object.getOwnPropertyNames(this.receiver).filter(it => detect(it))
      if (!this.receiver.__proto__) {
        return list
      }
      const ancestors = new PropertyFinder(this.receiver.__proto__).find(detect)
      return [...list, ...ancestors]
    }
}
登录后复制

稍后我会解释代码,但让我们从如何使用它开始。

定义类后,您可以向 Object 类的属性添加方法,如下所示:

Object.prototype.methods = function () {
    return new PropertyFinder(this)
}
登录后复制

通过这样做,您可以在继承自 Object 的类的实例上使用methods 方法。但是,请注意下面的警告说明,并自行承担使用风险。

以下是一些执行示例:

class Hoge {
  fuga() {
    console.log('fuga')
  }
}

console.log(new Object().methods().toString()) // => ['constructor', 'constructor', '__defineGetter__', '__defineSetter__', 'hasOwnProperty' ...]
console.log([].methods().toString())           // => ['length', 'length', 'constructor', 'at', 'concat', ...]
console.log(new Hoge().methods().grep(/fuga/)  // => ['fuga']

登录后复制

安全介绍

*此代码不建议在生产环境中使用*

通过猴子修补向更高级别的类添加属性是一种反模式,可能会导致 JS 规范的未来更改出现问题。请谨慎使用并自行承担风险。

参考:猴子补丁的缺点

代码说明

现在,让我们继续解释代码。

PropertyFinder 中最重要的方法是 find 方法。此方法遍历给定对象的原型链,搜索可访问的属性,并将它们作为列表返回。

toString 和 grep 方法只是使用 find,因此不需要进一步解释。

原型链

原型链可能有些人不熟悉,但它是从 Object 类继承属性。

继承与原型链 | MDN

MDN 文档中有详细介绍,但 JavaScript 的继承机制是由原型链支持的。

虽然并不总是显而易见,但在引用某些属性时,该过程涉及:

  1. 检查接收者本身是否具有该属性。
  2. 检查父类实例是否具有该属性。
  3. 检查父类实例的父类中是否存在该属性。

此过程沿着链向上继续,直到找到匹配项,然后将其返回。

find 方法的作用

鉴于上述情况,PropertyFinder 中的 find 方法实现了这种机制,允许您通过递归探索 __proto__ 来获取属性列表。

这是通过递归探索 __proto__ 来获取列表来实现此目的的实现:

    find(detect) {
      const list = Object.getOwnPropertyNames(this.receiver).filter(it => detect(it))
      if (!this.receiver.__proto__) {
        return list
      }
      const ancestors = new PropertyFinder(this.receiver.__proto__).find(detect)
      return [...list, ...ancestors]
    }
登录后复制

PropertyFinder 的说明就到此结束。

包起来

这总结了代码的解释以及我所尝试的内容。

这更多的是一个实验性或有趣的练习,但由于它涉及一些知识和技术,我希望你发现它对你自己的应用程序有用或启发。

以上是在 JavaScript 中实现 Ruby 的方法 Method的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!