下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

面试过程中作用域与javascript原型链的问题

作者:课课家教育     来源: http://www.kokojia.com点击数:1318发布时间: 2016-02-29 20:51:40

标签: javascript 作用域链作用域链 原型链原型链和作用域链

  现在校招也基本结束了,所以有时间把这段时间遇到的问题做个总结.在很多的笔试题目中,发现有很多对JS作用域方面的考察,所以查阅课课家总结一下.
  众所周知,js不像其他OOP语言那样,他是一种弱类型的语言,对数据类型没有很明显的区别.还有一点不同是它的作用域,引起这点不同主要是因为js的继承方式是通过原型链的方式来实现的.
  a)js没有块级作用域,所谓块级作用域即if,for,while(花括号括起来的部分)语句里面的部分.测试如下(Chrome浏览器).
面试过程中作用域与javascript原型链的问题_javascript 作用域链_作用域链 原型链_原型链和作用域链
  下面为输出结果
  

 
  从结果可以看出,js不存在块级作用域,一样可以输出str1.
  b)js里面只有函数作用域,以及全局作用域,下面分析函数作用域.
面试过程中作用域与javascript原型链的问题_javascript 作用域链_作用域链 原型链_原型链和作用域链
  下面为输出结果
  

 
  从结果可以看出js存在函数作用域,所以在fun1以外str2未定义.要想搞明白js的作用域就要牵扯到原型链的问题,下面对其简单分析.
  c)当在当前作用域找不到指定对象或变量时,js会通过原型链向上寻找,即查找当前作用域的父级作用域,如若仍未找到,仍会向上寻找,直到找到,或找到根节点未找到为止.
面试过程中作用域与javascript原型链的问题_javascript 作用域链_作用域链 原型链_原型链和作用域链
  下面为输出结果:
  

 
  从结果可以看出,fun2中仍然可以输出str4,因为它的父级作用域为全局作用域,且全局作用域中存在str4变量.
  d)关于上面说的父级作用域,还有一种情况,就是假如调用的是函数,即函数嵌套时,父级作用域的指代.
面试过程中作用域与javascript原型链的问题_javascript 作用域链_作用域链 原型链_原型链和作用域链
  这点容易让人迷惑,误以为会输出Eric,但结果却不是这样的,结果如下:
  

 
  从结果可以看出,输出的是gaohui而不是Eric,此时的父级作用域指的是函数定义地方作用域的父级作用域,而不是函数调用的地方的父级作用域.
  在此只是对面试过程中关于js的作用域方面的问题做了简单的分析,其中涉及到更为复杂的js原型链的问题没有深入说明,若想深究,搞明白,可参考课课家

赞(0)
踩(0)
分享到:
上一篇:如何使用Linux
下一篇:关于PHP的介绍
华为认证网络工程师 HCIE直播课视频教程