js字节面试题 读代码题 精讲

news/2024/11/17 0:55:06/

这是在牛客上看到的今天一个中国地质大学面试的上海字节的前端题  读代码题

下面这段便是从那里搬过来的

********

看代码说答案,关于this指向的,我说错了,甚至我还不知道为什么 看来还需要补补

const length = 10
const fn = function () {return this.length + 1
}
const obj = {length: 5,test: function () {return fn()}}
//下面输出是什么?
console.log(obj.test())

*******

首先答案是1,

因为fn调用的时候是普通函数,

this指向顶级对象window,

而es6中let和const作为全局变量的时候都不在顶级对象window里,

此时的this.length便是window.length也就是是frames的数量,而不是变量,是方法了,所以不是undefine,而是0,可以去mdn查到https://developer.mozilla.org/zh-CN/docs/Web/API/Window/length ,

所以this.length结果是0,之后+1后返回的就是1了

这里的主要考到的知识点就是

  1. 对象中方法调用的函数,this指向的是顶级对象window,而不是对象中方法的this.
  2. let,const 作为es6的语法,es6之前,全局变量是在顶级对象window下面,es6之后的let和const则是全局变量和顶级对象window分开,所以winows获取不到
  3.  window.length也就是是frames的数量,可以去mdn查到https://developer.mozilla.org/zh-CN/docs/Web/API/Window/length ,


http://www.ppmy.cn/news/247707.html

相关文章

第四章:运算符

第四章:运算符 4.1:算术运算符 ​ 算术运算符主要用于数学运算,其可以连接运算符前后的两个数值或表达值,对数值或表达式进行加()、减(-)、乘(*)、除(/)、取模(%)运算。 运算符名称作用示例加法运算符计算两个值或表达式的和SE…

神州信息祝贺国盾量子科创板上市!

神州信息祝贺国盾量子科创板上市!

[BUUOJ] [RE] [ACTF新生赛2020] rome1

IDA 好久没写博客了,最近在刷re,这道题是我觉得十分有意义的一道题。故AC后总结分享给大家。不足之处请指正。 分析 直接导入IDA shift F12 双击后按 ctrl x跳转到被调用的函数中,按F5反编译,源代码如下 int func() {int r…

神奇九转公式 适用于东方财富证券客户端

找了很久才找到这段代码,相对有效降低金融交易风险。 HH:(OHC)*(1.02-1)/3H; AB:C>REF(C,4); X9:EVERY(AB,9); X8:EVERY(AB,8); X7:EVERY(AB,7); X6:EVERY(AB,6); X5:EVERY(AB,5); X4:EVERY(AB,4); X3:EVERY(AB,3); X2:EVERY(AB,2); X1:EVERY(AB,1); Y9:REF(X9,…

通达OA2019版本全功能

链接来源: https://item.taobao.com/item.htm?spma2oq0.12575281.0.0.45e51debBlhtoz&ftt&id594395052494 通达OA(Office Anywhere网络智能办公系统)是由北京通达信科科技有限公司自主研发的协同办公自动化软件,是与中…

通达信版F10检索工具下载

通达信版的F10采用的是维赛特的F10资料。 维赛特的F10资料请前往:http://www.vsatsh.cn/xzzq.aspx 下载。 通达信版的F10检索工具下载地址:http://pan.baidu.com/s/1sjO5pG5 大智慧版的F10检索工具下载地址:http://gpf10.com/%E9%97%AE%E7%A…

通达OA2019升级到V12的操作方法

1、操作系统要win2012及以上版本。确认当前OA版本是11.10版本。系统使用的是流程中心模块,而不是工作流模块,在V12版本中不支持工作流模块。如果使用的是工作流需要先升级到流程中心,请使用《通达OA工作流升级4.6【适用于2019版本工作流转流程…