Vue 字符串转Function

最新推荐文章于 2024-02-23 23:40:03 发布

原创最新推荐文章于 2024-02-23 23:40:03 发布 · 7.3k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#vue #eval #new Function

错误类专栏收录该内容

7 篇文章

订阅专栏

本文介绍了在Vue中将字符串转换为Function的两种方法：使用eval和new Function。通过实例展示了如何将定义为字符串的方法转换成可以执行的Function，同时讨论了代码检查工具如ESLint可能产生的警告。

#Vue 字符串转Function
方法一: eval

/* 定义字符串类型方法 */
const func="(value)=>{console.log(value);return value}"  

/* 字符串转Function */
str_to_func(func,value){
	return eval(func)(value)
}

/* 使用 */
str_to_func(func,1)

结果是控制台输出1

有些代码检查会报错,但是不影响使用
ESLint: eval can be harmful. (no-eval)

方法二: new Function

/* 定义字符串类型方法 */
const func = 'console.log(value);return value'

/* 字符串转Function */
str_to_func (func, value) {
  const Fn = new Function('value', func)
  return Fn(value)
}

/* 使用 */
str_to_func(func,1)

/* 也可以直接使用 */
const func = 'console.log(value);return value'
const Fn = new Function('value', func)
Fn(1)

结果也是控制台输出1

但是代码检查依旧会有问题
ESLint: The Function constructor is eval. (no-new-func)