前端 JS 经典:动态执行 JS

前言:怎么将字符串当代码执行。有 4 中方式实现 eval、setTimeout、创建 script 标签、new Function

1. eval

特点:同步执行,当前作用域

var name = "yq";
function exec(string) {
  var name = "yqcoder";
  eval(string);
}
exec("console.log(name)");
console.log("end");

 2. setTimeout

setTimeout 的第一个参数可以传字符串的,自动将这个字符串当作代码来运行

特点:异步执行,全局作用域

var name = "yq";
function exec(string) {
  var name = "yqcoder";
  setTimeout(string);
}
exec("console.log(name)");
console.log("end");

3. 创建 script 元素

特点:同步执行,全局作用域 

var name = "yq";
function exec(string) {
  var name = "yqcoder";
  const script = document.createElement("script");
  script.text = string;
  document.head.appendChild(script);
}
exec("console.log(name)");
console.log("end");

4. 使用 Function 

特点:同步执行,全局作用域

var name = "yq";
function exec(string) {
  var name = "yqcoder";
  new Function(string)();
}
exec("console.log(name)");
console.log("end");

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/700956.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

数据结构---力扣232.用栈实现队列(C

链接:. - 力扣(LeetCode)【点击即可跳转】 思路: 栈 是 后进先出 队列 是 先进先出 让一个栈(s1)作为空栈,入队列的栈 另一个(s2)作为非空栈,出队列的栈…

经典的带环链表问题(链表补充)

环形链表1 运用快慢指针的方法,fast ,slow从头节点出发,快指针走两步,慢指针走一步,若有环,快指针先进环,后续如果慢指针和快指针相遇,则链表带环。转换成了追击问题。 struct ListNode {int v…

品牌与产品:消费者决策的经济逻辑与品牌宣传的战略意义

在当今日益全球化的经济环境中,品牌与产品之间的关系对于企业的成功与否起着至关重要的作用。然而,在消费者做出购买决策时,他们到底是在选择产品本身,还是在选择附着在产品之上的品牌价值?同样,当客户选择…

基于遗传优化算法的风力机位置布局matlab仿真

目录 1.程序功能描述 2.测试软件版本以及运行结果展示 3.核心程序 4.本算法原理 5.完整程序 1.程序功能描述 基于遗传优化算法的风力机位置布局matlab仿真,风力机位置布局优化是风能转换系统设计中的一个重要环节,旨在最大化风场的整体发电效率。仿…

MySQL----排序ORDER BY

在对数据进行处理的时候,我们通常需要对读取的数据进行排序。而 MySQL 的也提供了 ORDER BY 语句来满足我们的排序要求。 ORDER BY 可以按照一个或多个列的值进行升序(ASC)或降序(DESC)排序。 语法 SELECT column1…

Photoshop(PS)高效使用小技巧大揭秘

Photoshop,简称PS,是设计师和摄影师的得力助手。为了让你在使用PS时更加得心应手,我们整理了一系列高效使用小技巧,助你提升工作效率,释放创造力! 一、快捷键大法 ALT键鼠标滚轮:快速放大和缩…

【C++题解】1962. 数值计算

问题:1962. 数值计算 类型:简单循环 题目描述: 给出一个不多于 5 位的非负整数,要求 1、 求出它是几位数 2、 分别输出每一位数字 3、 按逆序输出各位数字,例如原数为 321 ,应输出 123。 输入: 一个不大…

C语言 | Leetcode C语言题解之第146题LRU缓存

题目: 题解: typedef struct {int key;int val;UT_hash_handle hh; } LRUCache;LRUCache* cache NULL; int g_capacity 0; LRUCache** lRUCacheCreate(int capacity) {g_capacity capacity;return &cache; }int lRUCacheGet(LRUCache** obj, int…

Python 基础001 pythonpycharm安装

1 安装python 尽量在官网安装 根据电脑情况下载,下载完需要重启电脑 python安装路径自定义 添加环境变量(add path)需要勾选,若无勾选,手动更新环境变量 确认python是否安装成功: 方法一:有安装成功&am…

【多重背包 动态规划】2585. 获得分数的方法数

本文涉及知识点 动态规划汇总 背包问题汇总 C算法:前缀和、前缀乘积、前缀异或的原理、源码及测试用例 包括课程视频 LeetCode2585. 获得分数的方法数 考试中有 n 种类型的题目。给你一个整数 target 和一个下标从 0 开始的二维整数数组 types ,其中 …

独立游戏《星尘异变》UE5 C++程序开发日志4——实现任务系统

本游戏作为工厂游戏,任务系统的主要功能就是给玩家生产的目标和动力,也就是给玩家发布一个需要一定数量某星尘的订单,玩家提交需要的星尘后会获得奖励,游戏中实际的奖励机制略微有点复杂,这里直接简化为完成任务后就能…

洛谷 P4913 二叉树深度(递归)

题目描述 有一个 𝑛(𝑛≤10^6) 个结点的二叉树。给出每个结点的两个子结点编号(均不超过 𝑛),建立一棵二叉树(根节点的编号为 1),如果是叶子结点,则输入 0。…

VitePress做一个自己的知识博客

创建项目 // 1.创建项目,直接在空项目下安装vitepress(npm/yarn等都可以,这个可以看官网,官网给了好几种安装方式) yarn add -D vitepress // 2.初始化配置项目(npm/官网也给了多种包管理工具的安装方式) yarn vitepress init // 初始化命令执行完会遇到以下几个问题 ┌ Welc…

温泉镇旅游微信小程序的设计与实现(论文+源码)_kaic

摘要 旅游业随着经济的快速发展呈现出一派欣欣向荣的景象,尤其是近两年来,各个行业运用科技以及因特网来促进旅游迅速发展,逐渐都显示出了的问题,特别突出的是在线上推广,其缺点也是特别明显。尽管在新冠肺炎的冲击下&…

【C++】STL空间配置器

STL空间配置器 一、什么是空间配置器二、为什么需要空间配置器三、SGI-STL空间配置器实现原理1、 一级空间配置器2、二级空间配置器 四、优缺点分析 一、什么是空间配置器 STL 有六大组件分别是:容器,算法,迭代器, 空间配置器&am…

创建第一个Springboot项目HelloWorld

目录 一、准备工作 一、创建springboot项目 三、使用git上传到代码仓库gitee 四、git使用过程问题总结 一、准备工作 安装jdk:8u201(可以使用高一点的版本) jdk所有版本下载:Java Archive | Oracle 安装maven:不用…

“改进型”Howland 电流泵电路

“改进型”Howland 电流泵电路 “改进型”Howland 电流泵是一种使用差分放大器在分流电阻器 (Rs) 上施加电压的电路,从而产生能够驱动大范 围负载电阻的双极性(拉电流或灌电流)压控电流源。 设计注释 确保运算放大器的输入端(V…

Vue19-key的原理

一、v-for中key的作用 给节点进行一个标识&#xff0c;类似于身份证号。 1-1、需求1&#xff1a; 点击按钮&#xff0c;在<li>的最前面添加一个老刘的信息 <body><div id"root"><h1>人员信息</h1><button click.once"add&qu…

深度学习-注意力机制和分数

深度学习-注意力机制 注意力机制定义与起源原理与特点分类应用领域实现方式优点注意力机制的变体总结注意力分数定义计算方式注意力分数的作用注意力分数的设计总结 注意力机制&#xff08;Attention Mechanism&#xff09;是一个源自对人类视觉研究的概念&#xff0c;现已广泛…

NEFU服务科学与SOA

一、现代服务业与SSME 现代服务业 传统服务业 新业务模式 新型IT技术 知识密集 IT服务&#xff1a;由专门的IT组织向企业用户所提供的业务过程与功能性服务&#xff0c;以支持企业用户业务的正常运转。 现代服务业的四大领域 &#xff1a; 基础服务 生产服务 生活服…