JS代码输出题

小柒铛铛

已于 2022-05-20 09:43:13 修改

阅读量160

点赞数

分类专栏：代码输出题文章标签： javascript 前端 vue.js

于 2022-05-20 09:24:51 首次发布

本文链接：https://blog.csdn.net/weixin_49046136/article/details/124876817

版权

代码输出题专栏收录该内容

1 篇文章 0 订阅

订阅专栏

这篇博客主要探讨了JavaScript中的作用域问题，特别是`this`关键字在不同上下文中的行为。通过两个代码输出题，展示了`this`在对象方法调用及异步操作中的变化。同时，讲解了JavaScript中事件循环和Promise的执行顺序，深入理解了异步编程的概念。

摘要由CSDN通过智能技术生成

一、代码输出题

代码输出题1：

var o = {
      a: 10,
      b: {
        a: 12,
        fn: function () {
          console.log(this.a);
          console.log(this);
        },
      },
    };
    var j = o.b.fn;
    j();
    o.b.fn();

输出结果：
在这里插入图片描述

代码输出题2

 console.log('begin')
    setTimeout(() => {
      console.log('setTimeout 1')
      Promise.resolve().then(() => {
        console.log('promise 1')
        setTimeout(() => {
          console.log('setTimeout2 between promise1&2')
        })
      }).then(() => {
        console.log('promise 2')
      })
    }, 0)
    console.log('end')

输出结果：

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zZpXrVMg-1653009749185)(C:\Users\lilin\AppData\Roaming\Typora\typora-user-images\image-20220520085708741.png)]$