-
WEB前端
站-
热门城市 全国站>
-
其他省市
-
-
400-636-0069
沉沙
2018-07-23
来源 ：
阅读 947
评论 0
摘要：本篇JavaScript教程探讨了如何规避后端渲染页面上JavaScript变量值报错，希望阅读本篇文章以后大家有所收获，帮助大家对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, 这样就将语法错误巧妙的转换成了取值错误，后面做一些空值判断，做相应的处理，就不会给用户造成太大的震撼。
本文由职坐标整理发布，欢迎关注职坐标WEB前端JavaScript频道，获取更多JavaScript知识！
喜欢 | 0
不喜欢 | 0
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了，明天再试试吧！
我们会在第一时间安排职业规划师联系您！
您也可以联系我们的职业规划师咨询：
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com，All Rights Reserved.
沪公网安备 31011502005948号
索取资料
答疑解惑
技术交流
职业测评
面试技巧
高薪秘笈
