VUE中如何动态编译js

JavaScript09

VUE中如何动态编译js,第1张

需求：动态获取一段字符串类型的js脚本，动态编译它并且可以完美在vue中运行与之交互。

实现：动态编译js的方式有eval和new function

简单例子：

eval：

new function:

显然后者更利于扩展，详细了解区别可以参考链接内容：

https://www.zhihu.com/question/29743491

https://imys.net/20151222/eval-with-new-function.html

要注意使用new Function，在vue环境中直接赋值的方式函数作用域与赋值vue结构对象不同： https://jsfiddle.net/5neLzn1x/

WebStorm 2018.3. Learn more. on JetBrains.

Komodo IDE 11.1.1. Learn more. on ActiveState.

NetBeans 10.0. Learn more. on Apache Foundation.

Visual Studio 2017. Learn more. on Microsoft.

Visual Studio Code 1.30. Learn more. on Microsoft.

Eclipse 2018 with JavaScript Development Tools. Learn more.

跨平台常用 visual studio code，免费。

好用的话，应该webstorm最好。

javascript是脚本语言，不需要编译的

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

是一种解释性脚本语言（代码不进行预编译）。

主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。

可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。

跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。

Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。