面试题-JS中的作用域相关问题

Posted nayek

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了面试题-JS中的作用域相关问题相关的知识,希望对你有一定的参考价值。

对象类型:

  • 原始数据类型存储的是值,而对象类型存储的是地址(指针)。下面的这个例子就比较有意思了。

先看题:  

 function test(person) {
  person.age = 26
  person = {
    name: ‘yyy‘,
    age: 30
   }
    return person
  }

  const p1 = {
    name: ‘yck‘,
    age: 25
  }
// 问题1:
  const p2 = test(p1)
  console.log(p1) //---->???
// 答案1:{name:‘yck‘,age:26}


// 问题2:
  console.log(p2)//---->???
// 答案2:{name:‘yyy‘,age:30}

对于理解问题1需要明确的:

  • a.首先要明确的是js函数中所有参数都是按照值进行传递的。
  • 参数传递过程中有分为两种情况:①被传递参数类型为值类型;②被传递参数类型为引用类型
    •   被传递参数为值类型的时候,就将值复制一个给参数(函数的局部变量);
    •   被传递的参数为引用类型的时候,就将这个值内存的指针复制一个给参数(函数的局部变量)

  首先person复制到了p1的地址(这里p1是引用类型,p1和person指向同一个地址),进入到test函数, p1对象和函数内的局部变量person拥有同一个指针,所以当在函数内修改age的值为26时,p1对象的age也会被修改为26;

  但是当在函数内部将person重写为其他对象的时候,就相当于把函数内的person之前的指针给修改了(这个地方注意了,只是内部的person修改了, 外面的p1现在已经和他没有联系了,之前有联系是因为二者指向同一个地址,现在内部的局部变量的指针指向了新的对象,而p1依然是被修改过的);

  所以控制台的console.log的结果是{name:‘yck‘,age:26}

问题2: console.log(p2)//---->??? 答案2:{name:‘yyy‘,age:30} 这个地方没什么好说的了,p2等于函数return的这个新对象。

以上是关于面试题-JS中的作用域相关问题的主要内容,如果未能解决你的问题,请参考以下文章

慕课网-前端JavaScrpt基础面试技巧-学习笔记

js面试题知识点全解(一作用域和闭包)

js面试题-----作用域与闭包

JS作用域面试题总结

JS高阶---作用域面试

解析js中作用域闭包——从一道经典的面试题开始