javascript获取带有中文和括号的字符串

Posted 2023-04-29

假如我的数据表存着一个 " xxx影城(xx店）"这个么一个字符,(注意：这里个字符串是以 英文括号开始 中文括号结束) 然后在Js里把这段 放到方法里就会报错 例如 RegExp了 search了 或者一些其他系统函数都会报错,但是放到alert里就不会,用字符串.toString()也不好使 ,直接toString(字符串)返回的是object并不是字符串 该怎么办

参考技术A 单就字符串" xxx影城(xx店）"来说，没有你说的这些问题，是不是取数据取出来的不是一个字符串，而是一个对象，试试使用 String(字符串)追问

var Re=new RegExp("xxx影城(xx店）","i"); 例如这句话 他就把字符串 "xxx影城(xx店）" xx店后面那个中文括号转义了 或者其他什么 ，我用String也是 报" 正则表达式中缺少 ')' "错误

追答

正则表达式中的()号是要经过转义的，不能直接用，
var Re=new RegExp("xxx影城\(xx店）","i");

参考技术B var str="xxx影城(xx店）";

var str1=str.replace("\(","\\(");
两个分开用，你想用哪个就用哪个。追问

不破坏 原有字符串 因为后来还要用到这个字符串去数据库对比

追答

你可以拿str和数据库的比较啊。
在js里用str1就可以了。有问题吗？

参考技术C 一般工程项目中都会增加一个 防注入的方法. 把你项目中遇到的类似的问题都封装在一个方法中.只要是关于string的操作都过一次这个方法. 如 / \ // ( ) ( ) 等等 存在危险的字符.

var a = utility.safeString("xxx影城");追问

那应该怎么写呢 ,就是不改变原有字符串的值，我试过用replace吧中文的替换英文 但这样不行 因为我以后还要用到原始值 ,就是怎么能让 RegExp这些方法 不转义这些字符

追答

两种方法, 一种是加转义符 如: / --> \/, ( --> \(

另一种是转换成 对照码 如: / --> %2d [不一定对, 举个例子]

这种转法 不用后续处理的, 服务器会自动 转回来的.

为啥在带有括号的 Javascript 事件处理函数中？

【中文标题】为啥在带有括号的 Javascript 事件处理函数中？

【英文标题】：Why in Javascript event handler functions with parentheses?为什么在带有括号的 Javascript 事件处理函数中？

【发布时间】：2013-12-27 10:27:55

【问题描述】：

Javascript高手，看看这段代码：

<button onclick="handler()">ClickMe</button>
        <script>
            function handler() 
            alert("clicked");
        
     </script>

为什么 onclick 事件应该分配给带有 () onclick="handler()" 的处理程序？ 在这种情况下，警报被调用。但根据描述为类似问题https://***.com/a/3247044/2543590onclick 的答案的逻辑，分配给函数处理程序的结果，而不是函数本身。 我相信将 onclick 分配给功能应该是这样的

onclick="handler", 

但在这种情况下警报不会被调用。 为什么？

【问题讨论】：

JavaScript 专家会告诉你不要在标记中绑定内联事件处理程序。

一个使用内联处理程序有用的例子是当你需要确保元素可用和元素完全正常运行之间没有延迟。这不会经常发生，但内联处理程序很好地解决了这个问题。大师会告诉你使用正确的工具来完成这项工作。

“大师”会告诉您了解不同设计决策的后果，然后根据一些“最佳”标准选择最适用于某种情况的决策。

【参考方案1】：

内联 JS

当您执行这样的内联 onclick 处理程序时，您正在分配一个要运行的 Javascript 表达式。所以你需要执行这个函数。

表达式可以很容易地成为onclick="handler();alert(2)"，在这种情况下，很明显需要调用该函数，就像从 javascript 文件中运行它一样。

将函数绑定到点击事件

如果你用javascript附加点击事件，你将绑定一个函数，所以你只需要传递函数对象。

var btn = document.getElementById("btn");
btn.addEventListener("click",handler);

addEventListener 设置要绑定到事件的函数对象，以便在事件触发时执行。由于您指定的是函数对象，而不是字符串表达式，因此不需要括号。事实上，如果你添加它们，函数将立即执行，函数的返回值将绑定到事件。

最佳实践

一般来说，大多数人会提倡你在 javascript 中通过绑定函数处理程序而不是使用内联 JS 来绑定事件。它更易于调试，不会将您的逻辑紧密绑定到 DOM，并且对于动态页面更灵活。它还强制您创建任何您调用的全局函数。

总结

关键是指向一个字符串的属性，该字符串被评估为一个JS表达式，它与将函数对象绑定到事件不同。

【讨论】：

我会挑剔一点。拥有一个函数调用并没有真正将逻辑绑定到 DOM，就像在元素上拥有一个类以在 DOM 加载后绑定处理程序一样。我同意，对于最常见的情况，内联处理程序并不是最好的方法，但有时它们非常有用。

@BlueSkies 确实如此。如果你有一个类，你可以在不改变 DOM 的情况下改变功能。如果你有内联函数，你就不能在不改变 DOM 的情况下改变表达式。因此它的绑定更紧密。

如果您更改 DOM，可能是您需要更改 DOM 选择，该选择为处理程序分配选择元素。两种方式都不是完全纯粹的。

【参考方案2】：

因为 onclick="handler" 不是 JavaScript。这是您的标签的一个属性。是的，如果这是 JavaScript，您将能够传入函数本身，但事实并非如此；您正在分配一个 statement 在点击时执行。

onclick="handler" 执行的语句基本上是这样做的：

<script>
handler;
</script>

IE，什么都没有。

【讨论】：

它是javascript，这就是为什么你放脚本标签...

【参考方案3】：

元素上的所有on-属性实际上设置了内联Javascript，而不是处理程序。所以你实际上是在那里执行代码，在这种情况下是一个函数调用。如果省略括号，则只是无效代码。

比较：

<button onclick="alert('click!')">Click me!</button>

【讨论】：

再举个例子让他更清楚，比如onclick="var t=1;alert(t);t++;alert(t);"

【参考方案4】：

你放在onclick="" 中的任何东西都将被一个隐式函数包裹。 那 是点击时调用的实际事件处理程序，它里面的任何函数调用都需要括号。