@h0099
多谢指正

所以 xhr 只是负责和浏览器的网络线程通信，下发任务
而网络线程就只管从服务器下载资源，对于下载好的资源，你怎么处理，就算只是打印一下，也必须让主线程处理。网络线程只负责 socket 通信。

所以我上面的例子，对于结果不管是更新 UI ，还是打印结果，都只能是主线程处理，对吗？

@cyndihuifei @peterlitszo

个人理解，可能有错，欢迎指出



js 之所以是单线程，主要为了避免资源竞争问题。

但实际上 js 不可能是单线程，就比如 xhr 图片加载，xhr 在下载时没有阻塞主线程，那图片的下载必定不是在主线程执行，那必定有一个线程帮你执行下载工作，就是网络线程。

所以我认为 js 单线程是指你在 js 代码中无法像其它语言那样使用多线程模块创建一个线程执行一个代码块。只能使用预留的 API 调用现有的线程，如浏览器的 xhr Web Api ，node 的 fs 模块

那像 xhr 中在网络线程中要渲染图片，涉及到操作 dom ，就会出现资源竞争问题，所以必须放到任务队列中让主线程来进行



那你在代码中的耗时任务该怎么办呢？ js 又没有多线程让你开辟一个线程去处理，而浏览器也没有一个特定的 WEB API 帮你执行。

所以为了不阻塞后续代码只能延期执行，让其它代码先执行，执行完后再执行耗时任务和对其结果的依赖代码，即微任务。

每个宏任务都有一个微任务队列，里面放的就是这些延期代码。微任务的执行时机就是当前宏任务执行完，下一个宏任务执行前。这样就可以完美解决。

而 Promise 就是这样的实现

@Mutoo 多谢老哥，明白了

@elonmask 有道理，但如果不是 UI 相关，收尾代码纯粹 console.log 或者保存图片等等，另一个线程也能做到，是不是就没必要放到任务队列中等主线程执行呢？

@Great233

再次感谢老哥，最近重新看了 Object 上 Object.getOwnPropertyDescriptors() API ，其中提到了属性的是否可枚举，我才算彻底明白这个问题，也明白了是我当初这个问题问歪了，哈哈

@stefanieewu

谢谢！这就是我本意想问的答案，怪我描述不清，害的大家误解我的意思


还有，也多谢 @Great233 老哥的耐心解答

@valkyrjaE
确实，我不太知道怎么清楚准确的描述这个问题，我的问题

@Great233 我在 node 中试了试，console.log 就是只有浏览器中第一行的输出结果，打印数组也不会多打印 length 属性

@Great233

仔细想想，才发现是我自己理解错了

只有第一行的结果是 console.log 打印的结果，下面点开的属性是浏览器帮忙提取出来是吗？

我一直错误的以为下面点开的那部分也是打印的结果

所以一直很奇怪，为啥数组也算是对象的一种，为啥其打印出来会多打印一个 length ，原来是浏览器判断你打印的是数组，所以就帮你提取一个 length

这都是浏览器的行为，不是 console.log 帮我多打印一个 length

我理解的对吗

@Great233 谢谢老哥


所以这部分也会存在对象里面嵌套的属性，这里显示的属性不全都是 vm 直接打点就能调用，对吗？

@Great233 可能我描述的不准确

对比普通的对象实例


它打印出来的只有{ }中间的属性

按我理解打印 vue 实例就应该像上面的 tom 那样

这个图中显示的属性就应该只显示下面图中 {} 中的属性


[img]https://www.hualigs.cn/image/635a5aafcfcf3.jpg[/img]



但我看 $el 也不在 { } 中，也非 defineProperty 定义的 getter 属性，为啥会打印出来

@Zzzz77
@tyx1703

还有上面的其它老哥
谢谢大家

新手让大家见笑了

现在基本明白了

首先 vue 中还是尽量少操作 dom

然后 UI 数据化，根据多个画板的数据存在一起，使用路由配合 watch 或 computed 选择性渲染

@Zzzz77
那复用的组件生成的页面之间不希望有任何的关联，是不是用绑定 key 的方式最合适。

例如有下面一个场景：
user 组件中有个输入框，点击按钮切换页面时，希望表单数据只停留在当前页面，新切换的页面不能包含上一个页面的表单数据。

这种是不是最好就是借助绑定 key 渲染出的页面，同时使用 keepAlive 缓存

`<keep-alive> <User :name="data" :key="data" /> </keep-alive>`

@cydysm
多谢老哥，明白了

@vinsony
好使，多谢

能稍微解释下吗

@cydysm
@EyebrowsWhite

就是说把需要变化的逻辑写在 watch 中是吗

@hangbale 多谢老哥，明白了

@lisongeee
@ScepterZ

这样理解你们看对吗？
当内部函数被 return 出去后，外部函数执行完，其调用栈中所有变量都会被销毁，而因为内部函数又对外部函数中变量有引用，js 就会在堆区开启一块空间保存引用的数据，以保证外部函数的变量在销毁后任能获取到，而堆区中这块数据就会被 gc 接管

@hangbale

zh.javascript.info/closure

参考这篇博客，里面全篇没有提堆栈方面东西，所以像 js ，Python 这种跑在 Runtime 之上的软件，其调用栈规则其实和 C 的调用栈是没有参考性的是吗