Vue 字符串转Function

波比麦

于 2019-12-05 22:11:40 发布

阅读量7.1k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：错误类文章标签： vue eval new Function

本文链接：https://blog.youkuaiyun.com/shawn210/article/details/103413466

错误类专栏收录该内容

7 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

#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)