草庐IT

javascript元编程之代码生成

Yubble 2023-03-28 原文

       各位客爷大家好,沉寂了一段时间我们又见面了,这次我和大家讨论的方向是javascript的元编程(meta-programming)。

       元编程,什么概念?一个曾经也让我在面试中打磕巴的东西。

搜了一下维基百科:

       “元编程是一种编程技术,编写出来的计算机程序能够将其他程序作为数据来处理。意味着可以编写出能够读取、分析或者转换其他程序的能力,甚至是在运行时修改程序自身。”

       上面这行太官方了,如果理解起来吃力的话无所谓,反正我也看不懂.....?

       我们不妨从字义上去理解一下,Meta-Programming,Meta 我们将它直译为元,而在西方它代表“关于事物自身的事务”,所以以在下愚见,可以魔幻的理解它是:

所谓元编程,就是用代码去编写代码。

                                                                                            ——前端装逼架构师 Yubble


以下我们逐步来看哈,在学习的过程中,我发现前端的元编程又分为两个方向:

       1、运行时的动态代码生成

       2、运行时的语言结构修改,此处我们通常描述为反射

介于反射在元编程中也占了一大部分知识,所以我们今天先重点讨论下动态代码生成这块儿~

       其实在ECMAscript早期已经出现了元编程方法eval,但是由于此方法安全性差,且在设计初对于动态转化为机器代码的性能缺陷,所以各大书籍以及文章中对它的描述都不予看好,但是他也实实在在的实现了用代码编写代码的原则,如下:

       这段代码意义不大,只是往user对象中塞了一个属性和值,但是它的运行代码是包裹在eval方法中,起码也能说明javascript最开始也是往元编程的方向去靠的.....?

        观众大人:“看了这么半天你就让我看这些?”

        各位客爷稍安勿躁,我要拿出点干货了,就是 new Function~?

        不知道各位客爷之前有没有了解过这个宝贝,它其实做的事情和eval一样,也是用代码去编写代码,具体区别得您自己百度了,话不多说,先上干货。


业务场景

        我们是一家宠物商店,在这个网站中我们可以查看到对应宠物的信息,价格,出生地等等。

        下面是我们已录入的宠物信息以及后端提供给我们的查询接口:

        此时老板告诉我,要将所有出生地非中国的小动物加价5元(多扯淡,数据这东西让显示层改?),那么聪明的我们首先先写了这么一个工厂

        聪明的你是不是一下子就看出问题了,怎么每个获取信息方法长得都差不多,不就是调用接口不一样吗?所以聪明的你把这个调用接口与通用逻辑做了一个抽象。

        这样我把类似逻辑全部抽离出来,代码就变得清晰多了,如果还有其他的小兔子、小鸡、小耗子之类的,给动物工厂增加方法就可以了。但是如果优秀的你足够高阶的话,一定还能搞到更加高效的方法,这就是这偏文章的重点,元编程——动态生成

        我们如果真的要搞元编程,那么就离不开一个概念叫’元数据‘,通常是用来描述我们生成的程序的数据。在这个需求里,DS.apis就是我们的元数据。

        所以,我们可以将DS.apis先传进来,用这个元数据来动态生成方法。

        我们改变了这个动物类的结构,首先获取前面给到的所有api方法,再将api方法便利一次,从而拿到所有api的diff部分,用这些diff部分来调用默认方法define_methods。

        重点来了,define_methods则将我们前面写到的通用逻辑整体包装为一套描述函数内容的字符串,并将这套函数赋予给了Animal的原型。

        这样不管是'get_cat_info'还是'get_dog_info'都可以自动生成出来,不管后面还有什么小鸡、小鸭、小猴子,都可以让他们在元数据上做文章,不需要我们手动在类中添加方法了。

        在使用的时候就是这样:

        就这样,一个勉强的元编程实例编写完了,其实这个实例代表性还有点勉强,如果将id换成仓库id就更有说服力了,第一次查找编号为21的仓库,可以分别查出猫猫与狗狗的信息,第二次再更改个仓库id,查猫猫狗狗信息。这块儿只是给大家看一下元编程的应用能力,各位多包涵哈~

使用缺点

        这种元编程的在工作中也不是面面俱到的。

        首先它创建函数时必须要是字符串的方式,所以可维护性并不强,所以这类代码里最好不要代码业务逻辑。上面这个实例就有待改进,业务和创建原型方法一定要拆开写,不然后期业务变更需要改代码可够受的。

        其次元编程是十分依赖元数据的准确性和标准化的,如果上游数据出现问题,影响到元编程的执行,那么我们排错时就会比较麻烦。

        另外new Function和eval都存在安全方面的隐患,eval更甚,所以这一部分代码我更倾向于埋到底层执行,避免过度曝光。

结论

        元编程中动态创建这一块儿就给各位客官演示完了,根据上面的讨论内容,我们也看到了在元数据提供丰富的前提下,前端动态生成函数、方法的可能性。如果您就职在一家类似ToB的公司,整体为元数据驱动的技术背景下,使用元数据来抽出一层动态方法层是完全可行的。


        终于可以和大家一起聊闲磕了,前段时间刚从上家公司离职,跟老婆一起度了个假,顺便把元数据这块儿整体搞清楚了。说说我上家公司的经历吧,年初入职了一家成立了20年的公司,司内员工基本司龄6年以上,极为抱团,碰他们的代码跟抢了他们饭碗似的,几千行代码一点注释没有,文档或架构图就更别提了。领导的管理水平极为感人,提了些流程优化的意见也好像影响到了她的权威一样。所以和另外一个差不多同期入职的小伙伴不堪重负选择离职了(后来刷了脉脉才知道,这家公司风评很差,疯狂内卷,毁约应届生)。

        劝各位客官,当下虽然是一个互联网的下行时代,我们面临着各种裁员失业,但是也别太心急随便加入一家公司,如果您有一份稳定的工作,一个动力十足的团队就踏实干下去。如果收到了一份offer,多刷刷脉脉,看看这家公司风评如何,加班不可怕,可怕的是大家都卷在了内耗上。        

有关javascript元编程之代码生成的更多相关文章

  1. ruby - 使用 RubyZip 生成 ZIP 文件时设置压缩级别 - 2

    我有一个Ruby程序,它使用rubyzip压缩XML文件的目录树。gem。我的问题是文件开始变得很重,我想提高压缩级别,因为压缩时间不是问题。我在rubyzipdocumentation中找不到一种为创建的ZIP文件指定压缩级别的方法。有人知道如何更改此设置吗?是否有另一个允许指定压缩级别的Ruby库? 最佳答案 这是我通过查看ruby​​zip内部创建的代码。level=Zlib::BEST_COMPRESSIONZip::ZipOutputStream.open(zip_file)do|zip|Dir.glob("**/*")d

  2. ruby - 如何在 buildr 项目中使用 Ruby 代码? - 2

    如何在buildr项目中使用Ruby?我在很多不同的项目中使用过Ruby、JRuby、Java和Clojure。我目前正在使用我的标准Ruby开发一个模拟应用程序,我想尝试使用Clojure后端(我确实喜欢功能代码)以及JRubygui和测试套件。我还可以看到在未来的不同项目中使用Scala作为后端。我想我要为我的项目尝试一下buildr(http://buildr.apache.org/),但我注意到buildr似乎没有设置为在项目中使用JRuby代码本身!这看起来有点傻,因为该工具旨在统一通用的JVM语言并且是在ruby中构建的。除了将输出的jar包含在一个独特的、仅限ruby​​

  3. ruby-on-rails - Rails 源代码 : initialize hash in a weird way? - 2

    在rails源中:https://github.com/rails/rails/blob/master/activesupport/lib/active_support/lazy_load_hooks.rb可以看到以下内容@load_hooks=Hash.new{|h,k|h[k]=[]}在IRB中,它只是初始化一个空哈希。和做有什么区别@load_hooks=Hash.new 最佳答案 查看rubydocumentationforHashnew→new_hashclicktotogglesourcenew(obj)→new_has

  4. ruby - 在 jRuby 中使用 'fork' 生成进程的替代方案? - 2

    在MRIRuby中我可以这样做:deftransferinternal_server=self.init_serverpid=forkdointernal_server.runend#Maketheserverprocessrunindependently.Process.detach(pid)internal_client=self.init_client#Dootherstuffwithconnectingtointernal_server...internal_client.post('somedata')ensure#KillserverProcess.kill('KILL',

  5. ruby - 如何使用 Ruby aws/s3 Gem 生成安全 URL 以从 s3 下载文件 - 2

    我正在编写一个小脚本来定位aws存储桶中的特定文件,并创建一个临时验证的url以发送给同事。(理想情况下,这将创建类似于在控制台上右键单击存储桶中的文件并复制链接地址的结果)。我研究过回形针,它似乎不符合这个标准,但我可能只是不知道它的全部功能。我尝试了以下方法:defauthenticated_url(file_name,bucket)AWS::S3::S3Object.url_for(file_name,bucket,:secure=>true,:expires=>20*60)end产生这种类型的结果:...-1.amazonaws.com/file_path/file.zip.A

  6. ruby-on-rails - 浏览 Ruby 源代码 - 2

    我的主要目标是能够完全理解我正在使用的库/gem。我尝试在Github上从头到尾阅读源代码,但这真的很难。我认为更有趣、更温和的踏脚石就是在使用时阅读每个库/gem方法的源代码。例如,我想知道RubyonRails中的redirect_to方法是如何工作的:如何查找redirect_to方法的源代码?我知道在pry中我可以执行类似show-methodmethod的操作,但我如何才能对Rails框架中的方法执行此操作?您对我如何更好地理解Gem及其API有什么建议吗?仅仅阅读源代码似乎真的很难,尤其是对于框架。谢谢! 最佳答案 Ru

  7. ruby - 模块嵌套代码风格偏好 - 2

    我的假设是moduleAmoduleBendend和moduleA::Bend是一样的。我能够从thisblog找到解决方案,thisSOthread和andthisSOthread.为什么以及什么时候应该更喜欢紧凑语法A::B而不是另一个,因为它显然有一个缺点?我有一种直觉,它可能与性能有关,因为在更多命名空间中查找常量需要更多计算。但是我无法通过对普通类进行基准测试来验证这一点。 最佳答案 这两种写作方法经常被混淆。首先要说的是,据我所知,没有可衡量的性能差异。(在下面的书面示例中不断查找)最明显的区别,可能也是最著名的,是你的

  8. ruby - 寻找通过阅读代码确定编程语言的ruby gem? - 2

    几个月前,我读了一篇关于ruby​​gem的博客文章,它可以通过阅读代码本身来确定编程语言。对于我的生活,我不记得博客或gem的名称。谷歌搜索“ruby编程语言猜测”及其变体也无济于事。有人碰巧知道相关gem的名称吗? 最佳答案 是这个吗:http://github.com/chrislo/sourceclassifier/tree/master 关于ruby-寻找通过阅读代码确定编程语言的rubygem?,我们在StackOverflow上找到一个类似的问题:

  9. ruby-on-rails - Ruby on Rails - 为文本区域和图片生成列 - 2

    我是Rails的新手,所以请原谅简单的问题。我正在为一家公司创建一个网站。那家公司想在网站上展示它的客户。我想让客户自己管理这个。我正在为“客户”生成一个表格,我想要的三列是:公司名称、公司描述和Logo。对于名称,我使用的是name:string但不确定如何在脚本/生成脚手架终端命令中最好地创建描述列(因为我打算将其设置为文本区域)和图片。我怀疑描述(我想成为一个文本区域)应该仍然是描述:字符串,然后以实际形式进行调整。不确定如何处理图片字段。那么……说来话长:我在脚手架命令中输入什么来生成描述和图片列? 最佳答案 对于“文本”数

  10. ruby - Net::HTTP 获取源代码和状态 - 2

    我目前正在使用以下方法获取页面的源代码:Net::HTTP.get(URI.parse(page.url))我还想获取HTTP状态,而无需发出第二个请求。有没有办法用另一种方法做到这一点?我一直在查看文档,但似乎找不到我要找的东西。 最佳答案 在我看来,除非您需要一些真正的低级访问或控制,否则最好使用Ruby的内置Open::URI模块:require'open-uri'io=open('http://www.example.org/')#=>#body=io.read[0,50]#=>"["200","OK"]io.base_ur

随机推荐