通过json 响应添加js function 增强业务灵活程度
直接在服务器的response中包含js 已经是比较常见的功能了,但是从业务角度,缺少灵活性,我们需要加载时候同时解析
基于模块快的加载机制是一个不错的选择(amd,cmd 都是不错的选择,类似的工具也很多),或者通过类型转换,比如json
object 到claas 这样我们也就能操作业务数据了,直接在json 数据中包含js function 也是一个不错的选择(可以服务端控制逻辑,但
是会存在大小的问题,但是我们也能解决,而且还会有一些安全的风险,但是还好,具体要看实现的技术了)
原理
- 参考json 格式
let userids = {
fetchid: function () {
return Promise.resolve({
name: "dalong1",
age: 22
})
},
fetchtext: function () {
return Promise.resolve({
name: "dalong2",
age: 33
})
},
login: function () {
return Promise.resolve({
name: "dalong3",
age: 44
})}
}
- 说明
此数据我们需要经过序列化给客户端,之后客户端,反序列化,然后我们就可以直接使用了 - 反序列化之后的格式
对于函数转换为了字符串
{"fetchid":"function () {\n return Promise.resolve({\n name: \"dalong1\",\n age: 22\n })\n }","fetchtext":"function () { \n return Promise.resolve({\n name: \"dalong2\",\n age: 33\n })\n }","login":"function () {\n return Promise.resolve({\n name: \"dalong3\",\n age: 44\n })}"}
参考效果
业务集成使用
如果需要使用此代码,我们需要进行反序列化的处理,因为默认的json 反序列化的不支持的,还好社区有类似的实现
- package.jon
{
"name": "class-transformer-learning",
"version": "1.0.0",
"main": "index.js",
"license": "MIT",
"dependencies": {
"is-promise": "^4.0.0",
"json-fns": "^1.0.0",
}
}
- 代码
说明:就是使用了json-fns 处理包含js的json,然后直接可以像方一样使用代码了
const isPromise = require("is-promise")
const JSON = require('json-fns')
let userids = {
fetchid: function () {
return Promise.resolve({
name: "dalong1",
age: 22
})
},
fetchtext: function () {
return Promise.resolve({
name: "dalong2",
age: 33
})
},
login: function () {
return Promise.resolve({
name: "dalong3",
age: 44
})}
}
let info =JSON.stringify(userids)
console.log(info)
for (let key inJSON.parse(info)) {
if (userids.hasOwnProperty(key)) {
let element = userids[key];
if (isPromise(element)) {
element.then(data => {
console.log("default",data)
}).catch(err=>{
console.log("fetch",err)
})
}
else {
let funcCall = element();
if (isPromise(funcCall)) {
funcCall.then(data => {
console.log("fun call",data)
console.log(data)
}).catch(err=>{
console.log("default",err)
})
}
}
}
}
- 运行效果
说明
以上是一个实践的探索,基于此模式我们可以增强业务的灵活性,对于js的处理部分,我们可以基于nodejs 的生态或者基于gravvlvm(js 能力)
或者(golang 的gopherjs),deno(typescript 引擎,后边可能会调整)主要是很多时候我们的代码是需要编译的(js 新特性的兼容,有些语法是不能支持的)