JavaScript中eval()函数原理与自定义trim()实现

eval()函数与trim()函数概述

本文旨在解析JavaScript中eval()函数的运行机制，并演示如何编写一个用于去除字符串首尾空格的trim()函数。

该trim()函数的实现参考了jQuery的源代码，开发者可以直接安全地调用此方法。

关于eval()函数的理解部分，仅代表个人学习心得，可能存在局限性。

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
</head>
<body>
原生JS缺失trim函数及jQuery源码提取原生JavaScript并未内置处理字符串前后空格过滤的trim函数，<br>
而jQuery库中提供了这一常用功能，其核心源码如下所示<br>
function trim(t){<br>
return (t||"").replace(/^\s+|\s+$/g, "");<br>
}<br>
在实际开发中，若无需使用jQuery的其他功能，引入整个库显得过于冗余，<br>
此时只需单独提取该段源码即可实现自定义的trim函数。<br>
</body>
</html>
<script>
var f='hello';
//alert(f);
/* 
eval()函数的执行机制与示例此处补充说明eval()函数的作用，它能够将括号内的字符串内容解析为JavaScript脚本进行计算，<br>
既支持数学表达式的运算，也能处理字符串逻辑。<br>
因此，它并非简单的字符串拼接工具。<br>
可以将eval()视为在JavaScript环境中执行JS脚本的机制。<br>
这与JSP技术类似，JSP是将Java代码嵌入HTML中，<br>
而eval()则是将代码字符串嵌入JavaScript中执行。<br>
*/ 
//eval("alert('"+f+"')");//执行JS脚本，效果等同于alert(f)
eval(" var gg='haha'");
alert(eval("gg"));//eval内部执行嵌入的JS代码，等价于先执行var gg='haha'再alert(gg)
//alert(eval('3+4'));//执行数学运算，返回结果7
//alert(eval('3'+'4'));//执行字符串拼接，返回结果34
alert("start"+trim(' abc def ')+"end");
//此处调用jQuery风格的trim函数，旨在过滤字符串首尾空格。
function trim(t){
return (t||"").replace(/^\s+|\s+$/g, "");
} 
</script>