前端笔试记录（三）-代码输出题

箭头函数的this指向

const shape = {
     radius: 10,
     diameter() {
         return this.radius * 2
     },
     perimeter: () => 2 * Math.PI * this.radius
 }
 console.log(shape.diameter())
 console.log(shape.perimeter())

//20  undefined

由于箭头函数的this指向取决于上下文，所以perrmeter的this为window

函数声明和函数表达式

a() // a
b()  //error
function a() {
    console.log('a')
}
var b = function b() {
    console.log('b')
}
b()  //b

函数声明和函数表达式的区别

函数声明可以定义命名的函数变量，而无需给变量赋值。函数声明是一种独立的结构，不能嵌套在非功能模块中。可以将它类比为 Variable Declaration（变量声明）。就像 Variable Declaration 必须以“var”开头一样，函数声明必须以“function”开头。
例如：

function bar() {
 return 3;
}

函数表达式将函数定义为表达式语句（通常是变量赋值）的一部分。通过 函数表达式 定义的函数可以是命名的，也可以是匿名的。函数表达式不能以“function”开头（下面自调用的例子要用括号将其括起来）。
例如：

//anonymous function expression
var a = function() {
 return 3;
}
 
//named function expression
var a = function bar() {
 return 3;
}
 
//self invoking function expression
(function sayHello() {
 alert("hello!");
})();

函数表达式与函数声明的最主要区别:

1. 函数名称，在函数表达式中可省略它，从而创建匿名函数
2. 变量提升, 函数声明在JS解析时进行函数提升，因此在同一个作用域内，不管函数声明在哪里定义，该函数都可以进行调用。而函数表达式的值是在JS运行时确定，并且在表达式赋值完成后，该函数才能调用.若在前面调用则会报错
3. 函数声明可以先调用再声明，而函数表达式必须先定义再调用

异步、作用域、闭包

var msg = 'hello'
for (var i = 0; i < 10; i++) {
    var msg = 'hello' + i * 2 + i
    setTimeout(() => {
        console.log(i)
    }, 10)
}
console.log(msg)
//helo189
// 10个10

settimeout是异步执行，10ms后往任务队列里面添加一个任务，只有主线上的全部执行完，才会执行任务队列里的任务，当主线执行完成后，i是10，所以此时再去执行任务队列里的任务时，i全部是10了。对于打印4次是：
每一次for循环的时候，settimeout都执行一次，但是里面的函数没有被执行，而是被放到了任务队列里面，等待执行，for循环了10次，就放了10次，当主线程执行完成后，才进入任务队列里面执行。

   for(var i=0;i<10;i++){
      setTimeout(console.log(i),0);
  }
// 0 1 2 3 4 5 6 7 8 9

console.log 与console.log()的区别就是 console.log()是立即执行的也就是IIFE，而console.log只是一个function 函数名。所以console.log()是同步任务跟for循环是同步执行的，而setTimeout()是异步任务需要等到主线程的同步任务执行完毕后才能执行，所以结果就是0、1、2、3、4、5、6、7、8、9了

var msg = 'hello'
for (let i = 0; i < 3; i++) {
      var msg = 'hello' + i * 2 + i
      setTimeout(() => {
          console.log(i)
      }, 10)
  }
  console.log(msg)
  // hello42
  // 0 1 2

变量i是let声明的，当前的i只在本轮循环有效，所以每一次循环的i其实都是一个新的变量，所以最后输出的是0,1,2