深入JavaScript的运行原理

木公176

已于 2023-06-30 10:11:24 修改

阅读量161

点赞数

分类专栏： javascript高级文章标签： javascript 前端

于 2023-06-30 08:57:11 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/weixin_56663198/article/details/131453189

版权

1 深入V8引擎原理

2 JS执行上下文

3 全局代码执行过程

4 函数代码执行过程

5 作用域和作用域链

源代码->抽象语法树->字节码。

其中的字节码在函数执行的时候，由于参数的类型是一样的，所以有优化的机器码，但是如果参数类型发生变化，又要重新生成机器码然后优化（性能降低）。

有函数会被优先解析，其次是变量。就是下图这样子也能正常运行。如果还有一个变量叫bar的话函数会被参数覆盖，输出的是参数值。

下图是右边代码的初始状态的堆栈图（左边是上下文执行栈ECS；右边是GO、AO等等）

最低0.47元/天解锁文章

博客等级

码龄4年

75
原创

28
点赞

192
收藏

91
粉丝

关注

私信

热门文章

分类专栏

展开全部收起

上一篇：: 深入浏览器的渲染原理

下一篇：: JavaScript内存管理和闭包

最新评论

关于uniapp上使用websocket在H5能用，在真机不能用的问题
qq_41635262: // 创建websocket连接 createSocket() { if (this.isCreate) { // 监听 WebSocket 连接打开事件 try { this.socketExamples.onOpen(() => { console.log('WebSocket 连接成功') this.isConnect = true clearInterval(this.heartbeatTimer) clearTimeout(this.reconnectTimer) // 打开心跳检测 this.heartbeatCheck() }) // 监听 WebSocket 接受到服务器的消息事件 this.socketExamples.onMessage((res) => { // console.log('收到消息') uni.$emit('WS', res) }) // 监听 WebSocket 连接关闭事件 this.socketExamples.onClose(() => { console.log('WebSocket 关闭了') this.isConnect = false this.reconnect() }) // 监听 WebSocket 错误事件 this.socketExamples.onError((res) => { console.log('WebSocket 出错了') console.log(res) this.isInitiative = false }) } catch (error) { console.warn(error) } } else { 走到这里了 console.warn('WebSocket 初始化失败!') } }
关于uniapp上使用websocket在H5能用，在真机不能用的问题
qq_41635262: 我是本地调试H5正常，可是真机调试就不行了，说是初始化失败 initSocket() { const _this = this this.socketExamples = uni.connectSocket({ url: _this.url, header: { 'content-type': 'application/json' }, success: (res) => { console.error(res, '这里能成功') _this.isCreate = true }, fail: (rej) => { console.error(rej, 'fail') _this.isCreate = false } }) this.createSocket() } // 创建websocket连接 createSocket() { if (this.isCreate) { // 监听 WebSocket 连接打开事件 try { this.socketExamples.onOpen(() => { console.log('WebSocket 连接成功') this.isConnect = true clearInterval(this.heartbeatTimer) clearTimeout(this.reconnectTimer) // 打开心跳检测 this.heartbeatCheck() }) // 监听 WebSocket 接受到服务器的消息事件 this.socketExamples.onMessage((res) => { // console.log('收到消息') uni.$emit('WS', res) }) // 监听 WebSocket 连接关闭事件 this.socketExamples.onClose(() => { console.log('WebSocket 关闭了') this.isConnect = false this.reconnect()
关于uniapp上使用websocket在H5能用，在真机不能用的问题
优快云-Ada助手: 推荐小程序技能树：https://edu.youkuaiyun.com/skill/mini_programs?utm_source=AI_act_mini_programs
Vue3 – 实现过渡动画
优快云-Ada助手: 恭喜你，获得了 2023 博客之星评选的入围资格，请看这个帖子（https://bbs.youkuaiyun.com/topics/616690233?utm_source=blogger_star_comment）。请在这里提供反馈： https://blogdev.blog.youkuaiyun.com/article/details/129986459?utm_source=blogger_star_comment。
大屏适配方案
木公176: 链接：https://pan.baidu.com/s/1rWMVkTt46OkmbAjoUsjGbA?pwd=erbk 提取码：erbk

最新文章

目录

展开全部

收起

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。