维护一个屎山时看到了模板渲染的最佳实践（误），竟然说不出缺点

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 1391 天前的主题，其中的信息可能已经有所发展或是发生改变。

@foreach (var thatOrder in Model) { ... <td><script>document.write(["未付款", "等待发货", "已发货", "已签收", "待评价", "已完成", "已取消"][@thatOrder.StatusType]);</script></td> ... }

21 条回复 2022-03-09 19:43:11 +08:00

zjhzxhz

2022-03-08 20:11:53 +08:00

HTML 数据传输爆炸？

pengtdyd

2022-03-08 20:42:56 +08:00

这个时候我又想起了那句经典名言-----------又不是不能跑！

AV1

2022-03-08 20:55:20 +08:00

只要用 JS ，必然能举出不利于 SEO 、万一浏览器不支持 JS 之类的万能缺点。

ChrisFreeMan

2022-03-08 20:58:00 +08:00 via iPhone

很棒的代码，通俗易懂不费一点脑子就能理解

gowk

2022-03-08 21:02:59 +08:00

ASP.NET Razor View

IvanLi127

2022-03-08 21:57:48 +08:00 via Android

我居然觉得。。挺不错的。。不过都模板引擎了，为啥要用 js

CallMeReznov

2022-03-08 22:06:20 +08:00

我可以不可以理解这是一种 GEEK 风？

codehz

2022-03-08 22:11:51 +08:00 via Android

虽然知道这是 meme ，但还是要提一句：Document write 会严重拖慢渲染速度（（（

xuanbg

2022-03-08 22:21:24 +08:00

代码只要易于维护就是好代码。很多时候性能什么的就根本不是关键。

tomczhen

2022-03-08 22:23:39 +08:00

基于后端模板渲染的前后端分离项目 :doge:

agagega

2022-03-08 22:36:01 +08:00

在后端生成动态的 JS 代码发给前端去执行，本来就是前 SPA 时代一种常用的做法啊，Rails 的 SJR 就是这么搞的

seakingii

2022-03-09 00:01:03 +08:00

这很好啊,可以反没有带脚本引擎的爬虫

finab

2022-03-09 00:06:11 +08:00 via iPhone

挺好，表驱动替代 if ，当初学设计模式第一课

dcsuibian

2022-03-09 01:10:32 +08:00

第一眼以为自己看明白了、通俗易懂，仔细看了一下才发现是怎么回事，感觉楼上的有几楼似乎也没看懂。

本来服务端发给前台的 html 应该是

<td>未付款</td>

这样的。而现在是

<td><script>document.write(["未付款", "等待发货", "已发货", "已签收", "待评价", "已完成", "已取消"][0]);<script></td>

这样的。问题是前一种的“未付款”和后一种的“0”是等同的，而且后一种还要使用 js 再运行一次。吐槽的应该是这个多此一举的做法。
（而且也不光是多此一举，传输的数据多了，浏览器遇到 script 就要暂停执行，对性能不好。document.write 感觉有点危险，当页面加载后如果用这个，就是直接清空。）