Javascript 调用方法没有相同的上下文

Question

尝试学习 JavaScript call 方法:

我写了这两个代码示例:

//Example 1 start

function myName(){
  console.log(this.name)//Roger
  console.log(roger.name)//Roger
}

let roger = {
  name: 'Roger',
}
myName.call(roger)

//Example 1 end


//Example 2 start

function yourName(){
  console.log(this.name);//Charlie
  console.log(charlie.name);//ReferenceError: charlie is not defined
}

function hisName(){
  let charlie = {
    name: 'Charlie'
  }
  yourName.call(charlie);
}
hisName();

//Example 2 end

我有点困惑为什么在示例 2 中，yourName 函数的 charlie.name 上下文与 roger.name 不同code> 在 myName 函数中执行。 this 上下文似乎适用于这两个示例。谢谢

Answer 1

符号“charlie”不在 yourName() 函数的范围内。范围是一个静态的东西； “charlie”变量是在不同的函数中声明的，因此它在 yourName() 中完全不可见。