使用数组规避后端渲染页面上javascript变量值报错
问题描述
在后端渲染页面时，如果想要渲染一个javascript变量，且这个变量是一个字符串的话。大概是这样写：（ $a 作为服务端变量）
... <script> var a = '$a'; </script> ...
这样一旦 $a 值为空时，渲染结果为
... <script> var a = ''; </script> ...
也不会有啥大问题。
但是如果 $a 的值为 /' 之类，可能结果就成了
... <script> var a = '''; </script> ...
如果 $a 的值为一个json字符串，我们希望在javascript中直接当对象使用，渲染成
... <script> var a = '{...}'; </script> ... 还需要做一次 JSON.parse(a) ;
可是如果你写成这样：
... <script> var a = $a; </script> ...
渲染结果就可能会成为
... <script> var a = ; </script> ...
问题分析
这个问题可以通过和后端协商解决，比如不得传值为空，至少来个 null 或 undefined 。
我把报错分为两大类，一种是取值错误，一种是语法错误。
取值错误是可以通过javascript自身的代码修正，一旦出现语法错误，可能导致后面的代码中断是无法自行修正的。
我的理念是，服务方为一个黑盒，我们不应该完全信赖。 var a = ; 就是一个典型的语法错误，造成的后果直接划分为 p0 级。
难道javascript就没有什么方法来靠自身解决这个问题么。
我的答案
... <script> var a = [$a][0]; </script> ...
如果 $a 传值为空，将会渲染成
... <script> var a = [][0]; </script> ...
这时 a = undefined , 这样就将语法错误巧妙的转换成了取值错误，后面做一些空值判断，做相应的处理，就不会给用户造成太大的震撼。
正文到此结束
热门推荐
相关文章
近期评论
-
666
-
文章和留言都翻到11页了 没有OOM
-
-
朋友，翻页到11页，及以后，会出现OOM，无法访问
-
-
-
-
版本号是多少，你可以下载哪个代码仓库，jdk选1.8 直接跑就行
-
-
Loading...
![[HBLOG]公众号](https://www.liuhaihua.cn/img/qrcode_gzh.jpg)
