金山WPS笔试题总结

2023-11-17

第一题 分别输出什么?

var arr=[];
arr['a']=1;
console.log(arr.length);// 0
arr['2']=2;
console.log(arr.length);// 3
arr.length=0;
console.log(arr);// [a:1]

这题考察数组的读写。js中数组本质上是一个特殊的对象,可以为其创建任意名字的属性,数组元素可以是任意类型。 数组通过[ ]操作符来访问数组中的一个元素,方括号中是一个返回非负整数值的任意表达式
这道题首先定义了一个空数组,此时数组长度为0。
接着是赋值语句arr['a']=1;因为数组是特殊的对象,所以通过方括号访问数组元素就像用方括号访问对象属性一样。当方括号中是字符a时,相当于给这个数组对象添加了一个属性a,其值为1。所有的索引都是属性名,但只有在0-2^32-2的之间的整数属性名才是索引。数组特别之处在于只有当属性是索引时,才会更新其length属性。由此可知,第一条输出语句输出结果为0,但是数组已经多了一个名为a,值为1的属性。
然后arr['2']=2; ,如果方括号中是非负整数的字符串,就当做数组索引,而非对象属性。所以这时给a[2]赋值为2,数组索引从0开始,意味着a[0] a[1]赋予undefined值,所以数组长度为3,即第二条输出语句输出结果为3。
最后将数组长度赋值为0,输出arr,此时输出是之前添加进数组的a属性。

2、添加代码实现每隔一秒按顺序输出i

for(var i=0,n=1;i<5;i++){
//添加代码
}

看到这道题我首先想到的就是用一个setTimeout()方法,该方法用于在指定的毫秒数后调用函数或计算表达式。于是写了如下代码:

for(var i=0,n=1;i<5;i++){
    setTimeout(function(){console.log(i);},1000);
}

看似这样就可以了,然而控制台的输出说明事情并不简单。
这里写图片描述
如图,控制台输出5个5,这是为什么?其实这和JavaScript执行机制以及作用域有关。
JavaScript的执行分为两个阶段,第一个阶段就是顺序执行<script> 里的代码(包括内联脚本和外部脚本),第二个阶段是异步的,由事件驱动的。这两个阶段没有并发性,同一时间只能执行一个,可以理解为单线程执行模型。传递给setTimeout()的函数和真实事件处理程序的注册不同,通常叫做“回调逻辑”而不是“处理程序”,但它们和事件处理程序一样,也是异步的。
所以回过头再来看上面代码,当脚本由上到下执行到setTimeout()时,会将setTimeout()中的内容放到等待队列,等同步脚本执行完,js引擎才开始以此执行等待队列里的异步代码,setTimeout()中第二个参数是延迟时间,表明多久之后放入将其放入等待队列,所以如果第二个参数是0,也并不意味着立即执行这个函数,只能说明立即将其放入等待队列,执行时间取决于JavaScript线程是否空闲。
作用域的问题就是,setTimeout()中回调函数中的i,在当前作用域下找不到,所以可以在创建这个函数的作用域下找,可以找到for循环所定义的全局变量i,等到执行这个setTimeout()中的函数时,i已经经过了5次循环,值为5了,所以回调函数取到并输出的值就是5次5。
问题发现了我们怎么解决呢?方法不唯一。
第一种,可以创建一个立即执行的匿名函数,在每一次循环后强制执行,保证每次新传进来的i是不一样的,setTimeout()中的代码。

for(var i=0;i<5;i++){
     (function(i){
        setTimeout(function(){console.log(i);},1000);
      })(i);            
    }

这样改了之后在控制台看到的结果是下面这样,隔了一秒后,0,1,2,3,4全部输出。
这里写图片描述
按题目要求是要每隔一秒依次输出,我们可以在延迟时间上做一个改进

for(var i=0,n=1;i<5;i++){
    (function(i){
       setTimeout(function(){console.log(i);},1000*n++);
    })(i);          
}

第二种,在es6中使用let 解决。

for(let i=0,n=1;i<5;i++){
   setTimeout(function(){console.log(i);},1000*n++);        
}

第三题 写出运行结果

var f=function g(){
    return 23;
};
typeof g();

这里写图片描述
结果是Error。typeof是一个操作符,检测操作数类型。为什么结果是error?我们知道函数定义有两种方式,一种是函数声明,另一种是函数表达式。
函数声明 function foo(){ }
函数表达式 var=function (){ };
题中var f=function g(){return 23;}; 是用函数表达式定义了函数,在函数外部,是无法通过g访问到函数内部的,那为什么结果不是“undefined”呢?因为g后面加个(),代表执行函数,优先级高于typeof,而g根本访问不到,未定义,所以执行函数会出错,所以结果直接报错。其实我们可以做几个结果测试

 var f=function g(){
    return 23;
};
console.log(typeof g);

这里写图片描述

 var f=function g(){
    return 23;
};
console.log(typeof f);

这里写图片描述

第四题

function show(value){
    switch(value){
      case 'A':console.log('1');break;
      case 'string':console.log('2');break;
      case undefined:console.log('3');break;
      case 'undefined':console.log('4');break;
      default:console.log('5');
    }
}
show(new String('A'));

new String('A')创建了一个对象,传入show()函数找不到对应情况,匹配default,输出5。
第五题 用JS实现map数据结构,数据只能通过map提供的数据接口进行访问。
JavaScript 的对象(Object),本质上是键值对的集合(Hash 结构),但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。为了解决这个问题,ES6 提供了 Map 数据结构。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。也就是说,Object 结构提供了“字符串—值”的对应,Map 结构提供了“值—值”的对应,是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构,Map 比 Object 更合适。

function Map(){
    var items=[];
    //set方法设置键名key对应的键值为value,然后返回整个 Map 结构。
    //如果key已经有值,则键值会被更新,否则就新生成该键。
    this.set=function(key,value){
        items[key] = value;
    };
    //get方法读取key对应的键值,如果找不到key,返回undefined。
    this.get=function(key){
        return this.has(key)? items[key]:undefined;
    };
    //has方法返回一个布尔值,表示某个键是否在当前 Map 对象之中。
    this.has=function(key){
        return key in items;
    };
    //delete方法删除某个键,返回true。如果删除失败,返回false。
    this.delete= function(key) {   
        if (this.has(key)) {     
            delete items[key];     
            return true;   
        }   
        return false; 
     };
     //values方法以数组的形式返回字典中所有values实例的值
     this.values=function(){
         var values=[];
         for(var k in items){
            if(this.has(k)){
            values.push(items[k]);
            }
         }
         return values;
      };
      //keys方法将字典所包含的所有键名以数组形式返回。
      this.keys=function(){
          return Object.keys(items);
      };
}//创建map数据结构
       var map = new Map(); 
       map.set('Gandalf', 'gandalf@email.com'); 
       map.set('John', 'johnsnow@email.com'); 
       map.set('Tyrion', 'tyrion@email.com');

       console.log(map.keys());

这里写图片描述

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

金山WPS笔试题总结 的相关文章

  • ES6之Map和Set有什么不同?

    一 Map 1 定义 Map是ES6提供的一种新的数据结构 它是键值对的集合 类似于对象 但是键的范围不限于字符串 各种类型的值都可以当做键 Object结构是 字符串 值 的对应 Map结构则是 值 值 的对应 2 代码示例 Map本身是
  • VUE项目中的全局格式化时间过滤器

    自定义格式化时间 一 问题 这是一个后台管理系统中的商品列表页 其中的时间这一项在调用接口后会发现是以毫秒来计算的 这样当然是不行的啦 要换算成我们日常使用的2020 04 07 17 13 这样的时间格式 二 解决办法 1 打开项目中的m
  • 如何正确理解JavaScript中的函数和方法

    你真的了解JavaScript的函数和方法吗 你知道它们有什么区别吗 你知道它们是如何定义和调用的吗 你知道它们是如何影响this值的吗 如果你对这些问题感到迷茫 那么本文就是为你准备的 本文将从基础开始 详细解释函数和方法的概念 特点 用
  • 元字符的详细解析

    上一篇文章介绍了正则的用处以及正则中这些元字符的基本含义 但是如果我们只知道那些元字符的含义 不知道怎么使用和加以练习 那么对于正则我们还只是看见了门槛 并没有踏入 那么本篇文章就让我们迈起脚步正式走入正则的世界吧 let s go 我的学
  • Python 使用execjs调用网页js 进行数据加密

    最近做一个数据采集项目的时候需要自动采集网站的招投标数据 随便打开一个网站 打开开发者模式 输入关键词 点击搜索 获得以下内容 可以看到请求链接和请求类型 请求类型Content Type 是application x www form u
  • js 微观任务、宏观任务、循环机制

    javascript是单线程语言 就是因为单线程的特性 就不得不提js中的同步和异步 同步和异步 所谓单线程 无非就是同步队列和异步队列 js代码是自上向下执行的 在主线程中立即执行的就是同步任务 比如简单的逻辑操作及函数 而异步任务不会立
  • Vue中鼠标悬停更换图片/文字内容,动态展示/修改某些属性

    Vue中鼠标悬停更换图片 文字内容 动态展示 修改某些属性 鼠标悬停时 mouseenter 鼠标离开时 mouseleave 利用以上来绑定相应方法 例如 div 分别为鼠标悬停时和离开时绑定方法changeImageSrc 并传递参数
  • js给json对象增加、删除、修改属性

  • Ajax核心技术之XMLHttpRequest对象

    XMLHttpRequest对象到底是什么 跟Ajax到底有什么联系 在了解它之前还是要先了解一下Ajax的功能 与以往的技术不同 Ajax是为了实现异步操作 那么关于异步 好像一个管理者安排好一个项目计划后 将这个项目交给下属去做 而自己
  • JavaScript动态生成表格

    源代码
  • postMan使用技巧

    使用postMan调试接口 一些接口要实现登录才能访问 即要还token才能访问 一般登录后 拿到token才复制到其他接口下添加token变量 如些复制感觉是挺麻烦的 这时我们可以设置postman的全局变量 操作如下 添加调试环境和全局
  • js-年月日时分秒字符串切割,只显示年月日

    substring 方法用于提取字符串中介于两个指定下标之间的字符 var date 2020 01 01 00 00 00 date substring 0 10 console log date 2020 01 01
  • html 中的正则(基础)

    正则表达式 1 什么是 正则表达式就是专门规定一个字符串中字符出现的规律的一套规则 2 何时 2大类场景 a 验证字符串格式 b 查找敏感词 如何在js中创建正则表达式 用于查找和匹配 2种 1 标准写法 a var 变量 new RegE
  • 网页是如何显示在浏览器

    这两天学习了一些网页如何在浏览器中显示的知识 感觉在我向前端走的路上非常有用 所以就在这里总结一下 大家可以看看 我也算是巩固一下知识 因为自己学识太浅 内容可能有一些错误之处 希望看到的朋友可以指出来啦 在Edge浏览器也加入Chromi
  • js 字符串拼接的4种方法

    一 使用连接符 把想要连接的字符串串起来 let shy 帅哥 let a 我是 shy console log a 我是帅哥 二 模板字符串 模板字符串 template string 是增强版的字符串 用反引号 标识 特点 1 字符串中
  • 用于富 Web 开发的 13 个免费 JavaScript 库和插件

    在这个新的一天伴随着最新技术崛起的舞台上 让您的商业品牌绽放光芒的唯一方法就是紧跟市场流行的趋势 使用 HTML 和 JavaScript 等技术是通过其中使用的一流功能获得盈利业务的灵魂 当从技术角度谈论 JavaScript 时 考虑到
  • JS修改对象属性的值

    当对象以数字为属性名时 其实就是一个数组 用 var foo 1 a 2 b foo 1 c console log foo 1 c 2 b 当对象以字符为属性名时 直接用 获取属性值 var bar a 1 b 2 c 3 bar a h
  • 节流与防抖

    1 我们先了解为什么要节流和防抖 我们给一个inpu输入框绑定一个oninput事件 此时我们输入 前端开发 四个字 我们 观察以下后台打印
  • CocosCreator列表scrollview滑动速度的修改,鼠标滚动速度修改

    由于cocos creator 在pc端 使用scrollview 鼠标滚动速度太慢 原文地址 CocosCreator列表滑动速度的修改 简书CocosCreator列表滑动速度的修改 简书引擎版本 2 2 2 之后升级的2 4 0直接可
  • 30天精通Nodejs--第二十二天:express-认证和授权

    目录 引言 理解JWT及其工作原理 安装与引入JWT库 生成JWT令牌 验证JWT令牌 注意事项与最佳实践 结语 引言 在现代Web应用开发中 JSON Web Tokens JWT 作为一种轻量级 自包含且安全的标准 已被广泛用于实现用户

随机推荐

  • SpringCloud简介及使用

    SpringCloud简介 Spring cloud是一个基于Spring Boot实现的服务治理工具包 在微服务架构中用于管理和协调服务的 微服务 就是把一个单体项目 拆分为多个微服务 每个微服务可以独立技术选型 独立开发 独立部署 独立
  • Ego小程序测试

    Ego小程序测试 一 前置知识 1 小程序MiniProgram 2 小程序和App区别 3 小程序和App联系 4 微信开发者工具 5 技术架构 二 Ego商城介绍 三 测试流程 四 Ego商城项目部署 1 注册微信小程序账号 2 后端部
  • 数据分析之面试题目汇总(万字解读)

    1 解释数据清洗的过程及常见的清洗方法 数据清洗是指在数据分析过程中对数据进行检查 处理和纠正的过程 是数据预处理的一步 用于处理数据集中的无效 错误 缺失或冗余数据 常见的清洗方法包括 处理缺失值 处理异常值 去除重复值 统一数据格式等
  • 2_C/S模型编程示例1

    本文主要参考C语言中文网和linux网络编程 网络基础 socket编程 高并发服务器 1 网络程序设计模式 1 1 CS模式 客户机 client 服务器 server 模式 需要在通讯两端各自部署客户机和服务器来完成数据通信 1 本地可
  • Docker 安装 FastDFS

    FastDFS 是一个开源的分布式文件系统 对文件进行管理 功能包括 文件存储 文件同步 文件访问 文件上传 文件下载 等 解决了大容量存储和负载均衡的问题 特别适合以文件为载体的在线服务 如相册网站 视频网站等等 FastDFS 服务端有
  • 设计模式之惰性模式

    惰性模式 惰性模式并不是经典设计模式中的一种 可以把它看作一种拓展的设计模式 它的使用场景通常如下 当执行某段代码前有前置逻辑判断 但该前置逻辑判断在特定环境下不会发生改变时 只需要执行一次 如果已知前置的逻辑判断后 仍然每次执行方法都走一
  • VUE使用vue-print-nb实现打印功能,解决图片问题,样式问题

    vue做了一个打印功能 也遇到过一些问题 记录一下 有些问题欢迎大家批评指正 从网上找了一些打印方式最终决定用这种方式 安装 npm install vue print nb save 然后在main js中引入 import Print
  • QT 串口发送接收(带发送缓冲区)

    QT 串口发送接收 带发送缓冲区 串口代码更改 这里记录一下 接收因为是类似于中断的方式 接收一次处理一次 就没做接收缓冲区 与主板通讯模式为主从模式 串口发送函数用时钟轮询该函数 文章目录 QT 串口发送接收 带发送缓冲区 变量定义 串口
  • cuda编译错误

    error LNK2019 无法解析的外部符号 cudaDeviceSynchronize error LNK2019 无法解析的外部符号 cudaConfigureCall error LNK2019 无法解析的外部符号 cudaSetu
  • Qt5中.ui图形界面添加背景图片实操

    为了图形界面能看得下去 还是要添加一些图片之类的 基于之前的文章基于pyqt5简单搭建 ui图形界面 的界面框架来给界面简单添加一个背景图 1 电脑开始中找到 Qt Designer打开 2 弹出窗口点击 打开 有基础框架的 ui文件 所以
  • openstack镜像的管理与使用

    1 创建项目和用户 1 1 创建项目和用户 用SSH工具连接控制节点 这里是10 10 83 3 使用admin用户权限 执行如下命令 root admin openrc 1 2创建一个test项目 openstack project cr
  • python真的很骚可惜你不会

    python基本语法 博客主页 微笑的段嘉许博客主页 欢迎关注 点赞 收藏 留言 本文由微笑的段嘉许原创 51CTO首发时间 2023年1月日30 坚持和努力一定能换来诗与远方 作者水平很有限 如果发现错误 一定要及时告知作者哦 感谢感谢
  • asp.net core abp 视频教程1

    B站视频教程 abp视频教程1 本次视频主要讲解abp模板工程的下载及运行 践行费曼学习法
  • 数字IC手撕代码-兆易创新笔试真题

    前言 本专栏旨在记录高频笔面试手撕代码题 以备数字前端秋招 本专栏所有文章提供原理分析 代码及波形 所有代码均经过本人验证 目录如下 1 数字IC手撕代码 分频器 任意偶数分频 2 数字IC手撕代码 分频器 任意奇数分频 3 数字IC手撕代
  • elementUI table宽度自适应fit

    fit true 或者直接为 fit 转载于 https www cnblogs com panax p 11239664 html
  • 零基础入门语义分割-Task3 语义分割模型发展

    零基础入门语义分割 Task3 语义分割模型发展 3 语义分割模型发展 3 1 学习目标 3 2 FCN 3 3 SegNet 3 4 Unet 3 5 DeepLab 3 6 RefineNet 3 7 PSPNet 3 8 基于全卷积的
  • Transformer--Attention is All You Need (推荐--非常详细)

    文章目录 前言 对Transformer的直观认识 论文地址 模型提出的背景 或者动机 本论文模型 Tranformer Model Architecture Encoder residual connection 残差连接 Layer N
  • 机器人操作系统ROS

    锋影 email 174176320 qq com 如果你认为本系列文章对你有所帮助 请大家有钱的捧个钱场 点击此处赞助 赞助额0 1元起步 多少随意 ROS已经发布八周年了 在国外科研机构中非常受欢迎 目前 以美国西南研究院为首的几位大佬
  • 全连接层(Fully Connected Layer)

    一 概述 全连接层的每一个结点都与上一层的所有结点相连 用来把前边提取到的特征综合起来 由于其全相连的特性 一般全连接层的参数也是最多的 在卷积神经网络的最后 往往会出现一两层全连接层 全连接一般会把卷积输出的二维特征图转化成一维的一个向量
  • 金山WPS笔试题总结

    第一题 分别输出什么 var arr arr a 1 console log arr length 0 arr 2 2 console log arr length 3 arr length 0 console log arr a 1 这题