JavaScript代码生成器简介及实例

558 阅读4分钟

Code Generator JavaScript

代码生成器的介绍 JavaScript

生成器函数主要用于创建和构建新的生成器,并调用其主体,一般不会立即执行。但是,它们可以在代码生成的执行过程中暂停,如果恢复,yield语句将停止一个代码生成器的操作。另外,当类似npm的node.js版本将同时支持ES6和javascript函数时,它将返回一个新的值。

创建代码生成器javascript

NPM和其他节点相关的项目需要通常的嫌疑人。他们使用的是可以支持ES6的Nodejs版本,如ECMA Script 6版本及其精华部分,如destructuring箭头函数。在任何一个我们工作过的地方,如建议与很多人讨论过模板的使用。其中一个主要的优点是,我们可以使用更多的脚手架和基本原理,而不需要任何手工工作。我们更多地考虑用路由、SCSS文件、html文件、apps.js、ejs文件等来构建新的组件。它可能更过分,更不灵活,但我们发现随着越来越多的代码库大,已经有了几年的指定模板,这些模板已经是一个奇妙的来源。这是为了强制执行特定的编码风格,也是让新的开发人员进入指定的代码库的一个了不起的手段。主要是我们可以使用模板与我们数据库中的编码模式相匹配的模式值。这是一种投资,就像拿起生成器和制作新的模板与较大的团队。它可能会受益于代码的统一性和开发速度的提高。我们可以用npm install js-code-generator这样的命令来安装JavaScript代码生成器。这个命令可以安装代码生成器来处理代码缩进,以允许空格和制表符的数量。它提供唯一性,并帮助生成迭代堆栈元素的变量。

这些元素和变量被声明,并创建代码片段使用模板,使其更容易声明具有一些有用模式的代码。它将被用来通过使用代码编辑器来检查循环和条件语句。在网络浏览器中,代码片段主要用于分享团队,并通过可用的插件轻松设置选项。一致的函数参数以指定的参数和默认的函数参数返回值。

生成器还返回指定的变量声明和实例的对象,以使用Iterable和Iterator协议控制Iteration。从ES2015和ES6开始,我们可以使用像循环,传播使用类声明和创建的对象,以及像Array, Map, Set, HashSet等集合的功能。对于其他类型,如String、Integer、double和char类型,它也被指定和接受。编辑器将指定代码,这些代码可以用来调用默认的类和方法。每个DOM元素都会被调用,并引用到javascript中的变量,以帮助生成指定名称的文件。

代码生成器JavaScript的例子

下面提到了不同的例子。

例子#1

Index.js

const a = require("fs-extra")
const b = require("ejs")
const c = require("yargs-parser")(process.argv.slice(2))
const d = require("path")
const main = () => {
console.log("Welcome To My Domain its the first example for the Javascript code generator")
try {
const { _: leftovers, res, func } = c
const dt = {
func,
leftovers,
}
const optns = {}
if (!res || !func) {
console.error("--res and --func flag required")
process.exit(1)
}
const fNames = d.join(__dirname, "./main.ejs")
b.renderFile(fNames, dt, optns, function(ex, s1) {
if (ex) {
console.error(ex)
}
const outp = d.join(process.cwd(), res)
a.ensureFileSync(outp)
a.outputFileSync(outp, s1)
})
} catch (ex) {
console.error(ex)
}
}
main()

main.ejs:

const <%= func %> = () => {
<% for (const arg of leftovers) { %>
console.log('<%= arg %>')
<% } %>
}
<%= func %>()

输出样本:

Code Generator JavaScript output 1

Code Generator JavaScript output 2

Code Generator JavaScript output 3

在上面的例子中,我们使用javascript代码创建了代码生成器。在这里,我在visual studio代码编辑器中创建了index.js文件,并使用node包为fs-extra、ejs和yargs-parser声明const和require。在此之前,我们应该在执行前将这三个必要的包安装到指定的文件夹中。

示例 #2

代码

const p = require("fs-extra")
const q = require("ejs")
const r = require("yargs-parser")(process.argv.slice(2))
const s = require("path")
const main = () => {
console.log("The Javascript code generator")
try {
const { _: tests, outputs, fnction } = r
const varss = {
fnction,
tests,
}
const optns = {}
if (!outputs || !fnction) {
console.error("--outputs and --fnction flag required")
process.exit(1)
}
const fnals = s.join(__dirname, "./main.ejs")
q.renderFile(fnals, varss, optns, function(excepts, varswe) {
if (excepts) {
console.error(excepts)
}
const outp = s.join(process.cwd(), outputs)
p.ensureFileSync(outp)
p.outputFileSync(outp, varswe)
})
} catch (excepts) {
console.error(excepts)
}
}
main()
const <%= fnction %> = () => {
<% for (const arg of tests) { %>
console.log('<%= arg %>')
<% } %>
}
<%= fnction %>()

输出样本

Code Generator JavaScript output 4

我们使用同样的例子来创建代码生成器,使用上述例子的默认参数、方法和标志。标志是javascript中最重要的,用于调用和利用参数值;它只不过是定义的变量,具有满足条件的单一值;它就像一个布尔格式的真或假语句。它也控制着函数流或检查条件的语句。

总结

代码生成器是javascript的功能之一,用于创造良好的开发体验和更高的代码标准。根据项目要求,我们可以利用这个框架来开发用例和其他功能,它与自定义和预定义的生成器相结合。