使用数组规避后端渲染页面上javascript变量值报错

问题描述

在后端渲染页面时,如果想要渲染一个javascript变量,且这个变量是一个字符串的话。大概是这样写:($a作为服务端变量)

这样一旦$a值为空时,渲染结果为

也不会有啥大问题。

但是如果 $a 的值为 \' 之类,可能结果就成了

如果$a的值为一个json字符串,我们希望在javascript中直接当对象使用,渲染成

还需要做一次JSON.parse(a);

可是如果你写成这样:

渲染结果就可能会成为

问题分析

这个问题可以通过和后端协商解决,比如不得传值为空,至少来个 nullundefined

我把报错分为两大类,一种是取值错误,一种是语法错误。

取值错误是可以通过javascript自身的代码修正,一旦出现语法错误,可能导致后面的代码中断是无法自行修正的。

我的理念是,服务方为一个黑盒,我们不应该完全信赖。var a = ; 就是一个典型的语法错误,造成的后果直接划分为 p0 级。

难道javascript就没有什么方法来靠自身解决这个问题么。

我的答案

如果 $a 传值为空,将会渲染成

这时 a = undefined, 这样就将语法错误巧妙的转换成了取值错误,后面做一些空值判断,做相应的处理,就不会给用户造成太大的震撼。

1 2 收藏 评论

相关文章

可能感兴趣的话题



直接登录
跳到底部
返回顶部