记3月7日面试

太久没有面试过了,第一次难免有点紧张,今天遇到的面试问题,大多数都遇到过,却因为没有充分准备,而没有答好,以后一定好好准备才行。

下面记录一下今天的面试问题,加深印象:

  1. 介绍一下JS的数据类型?

简单类型:StringNumberBooleanNullUndefined
复杂类型:Object
ES6新增类型:Symbol(感谢TimeTraveler指出)
&
扩展:

  1. null与undefined有什么区别
    答:null 表示一个对象被定义了,值为“空值”,而undefined 表示不存在这个值。
    正因为这个原因,所以使用typeof判断是,null返回的是object,而undefined返回的是undefined。(判断两者时需要使用===严格判断)
  2. Boolean类型在进行判断的时候设置为 0、-0、null、""、false、undefined 或 NaN,则该对象设置为 false。否则设置为 true(即使 value 参数是字符串 "false")
  1. 如何通过JS判断一个数组?
  1. instanceof方法
    instanceof 运算符是用来测试一个对象是否在其原型链原型构造函数的属性。
var arr = []; 
arr instanceof Array; // true 
  1. constructor方法
    constructor 属性返回对创建此对象的数组函数的引用,就是返回对象相对应的构造函数。
var arr = []; 
arr.constructor == Array; //true
  1. 特性判断法
    利用判断数组独有的lengthsplice方法,但是这是不靠谱的,因为对象也能添加方法和属性。那怎么办了,有一个办法,可以利用数组的length属性没法枚举来判断。
function isArray(object){
            return  object && typeof object==='object' &&    
            typeof object.length==='number' &&  
            typeof object.splice==='function' &&    
             //判断length属性是否是可枚举的 对于数组 将得到false  
            !(object.propertyIsEnumerable('length'));
}
  1. 最简单的方法
    这种写法,是 jQuery 正在使用的,淘宝的 kissy 也是使用这种方式。
Object.prototype.toString.call(value) == '[object Array]'
// 利用这个方法,可以写一个返回数据类型的方法
var isType = function (obj) {
           return Object.prototype.toString.call(obj).slice(8,-1); 
}
  1. ES5新增方法isArray()
var a = new Array(123);
var b = new Date();
console.log(Array.isArray(a)); //true
console.log(Array.isArray(b)); //false

&
扩展:

  1. 使用instaceofconstrucor,被判断的array必须是在当前页面声明的。比如,一个页面(父页面)有一个框架,框架中引用了一个页面(子页面),在子页面中声明了一个array,并将其赋值给父页面的一个变量,这时判断该变量,Array == object.constructor;会返回false
  2. 最简单的方法,在IE6下判断nullundefined,有一些bug,判断undefinednull均为Object,(并不是bug,是在ES3的标准下返回的就为Object)
  1. 谈一谈letvar的区别?

let为ES6新添加申明变量的命令,它类似于var,但是有以下不同:

  1. let命令不存在变量提升,如果在let前使用,会导致报错
  2. 暂时性死区,如果块区中存在letconst命令,就会形成封闭作用域
  3. 不允许重复声明,因此,不能在函数内部重新声明参数
  1. mapforEach的区别?

因为平时基本只用forEach,所以这个很尴尬,索性就把新增的数组方法都刷一遍吧。

  1. forEach方法,是最基本的方法,就是遍历与循环,默认有3个传参:分别是遍历的数组内容item、数组索引index、和当前遍历数组Array。另外,除去第一个必须的回调函数参数,还可以接受一个上下文参数(改变回调函数的this指向);并且forEach不会遍历空元素。
  2. map方法,基本用法与forEach一致,但是不同的,它会返回一个新的数组,所以在callback需要有return值,如果没有,会返回undefined。(从字面理解,map就是映射的意思)
  3. filter方法,用法和map很相似,从字面理解,就是过滤、筛选的意思。但是函数的callback需要返回布尔值truefalse,并且返回值只需要为弱等==即可。
  4. some 方法,对数组中每一项运行指定函数,如果该函数对任一项返回true,则返回true。(一旦遇到true,就会中断循环,返回true,类似于||判断)
  5. every方法,对数组中的每一项运行给定函数,如果该函数对每一项返回true,则返回true。(一旦遇到false,就会中断循环,返回false,类似于&&判断)
  6. indexOf方法,与字符串中的indexOf类似,返回数组索引值,如果没有匹配,则会返回-1,第二个参数为可选,表示从当前位置开始搜索。
  7. lastIndexOf方法,与indexOf相似,只是是从数组的末尾开始查找,而第二个参数的默认值是array.length - 1
  8. reduce方法,字面意思应该是‘减少’,但是实际是‘递归’的意思。实际就是应用一个函数针对数组的两个值(从左到右),以减至一个值。它的callback接收4个参数:之前值(上一次循环返回的值)、当前值、索引值以及数组本身。initialValue参数可选,表示初始值。
  9. reduceRight方法,与reduce方法类似,只是从数组的末尾开始实现。
  1. 谈一谈你理解的函数式编程?

what?函数编程就是函数编程啊,还有什么理解??
现在查了一下,才知道,原来没有那么简单!!!
简单说,"函数式编程"是一种"编程范式"(programming paradigm),也就是如何编写程序的方法论。
它具有以下特性:闭包和高阶函数、惰性计算、递归、函数是"第一等公民"、只用"表达式",不用"语句"(都会有返回值)、没有"副作用"、不修改状态、引用透明性。
具体的特性代表了什么,我还要好好研究一下!!

  1. 谈一谈箭头函数与普通函数的区别?

平时用的很爽,但是还真没有考虑过这个问题!!

  1. 箭头函数使得表达更加简洁。(这个是废话)
  2. 函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。
  3. 不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。
  4. 不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用Rest参数代替。
  5. 不可以使用yield命令,因此箭头函数不能用作Generator函数。
  1. 谈一谈函数中this的指向吧?

this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象。

《javascript语言精髓》中大概概括了4种调用方式:

  1. 方法调用模式
  2. 函数调用模式
  3. 构造器调用模式
  4. apply/call调用模式

特别补充:

  1. 在构造器调用时,如果加入了return并且return了一个对象,this会指向这个return的对象。
  2. 为什么构造器时this会指向new的对象?
var p = new Emp();
// 过程模拟,new关键字会创建一个空的对象,然后会自动调用一个函数apply方法,将this指向这个空对象,这样的话函数内部的this就会被这个空的对象替代。
var p = {};
Emp.apply(p);
p.__proto__=Emp.prototype;
  1. 谈一谈闭包吧?

「闭包」,是指那些能够访问独立(自由)变量的函数 (变量在本地使用,但定义在一个封闭的作用域中)。换句话说,这些函数可以“记忆”它被创建时候的环境。特性:

  1. 函数嵌套函数
  2. 函数内部可以引用外部的参数和变量
  3. 参数和变量不会被垃圾回收机制回收
  1. 异步编程的实现方式?
  1. 回调函数:
  • 优点:简单、容易理解
  • 缺点:不利于维护,代码耦合高
  1. 事件监听(采用时间驱动模式,取决于某个事件是否发生):
  • 优点:容易理解,可以绑定多个事件,每个事件可以指定多个回调函数
  • 缺点:事件驱动型,流程不够清晰
  1. 发布/订阅(观察者模式):
  • 类似于事件监听,但是可以通过‘消息中心’,了解现在有多少发布者,多少订阅者。
  1. Promise对象
  • 优点:可以利用then方法,进行链式写法;可以书写错误时的回调函数;
  • 缺点:编写和理解,相对比较难
  1. Generator函数
  • 优点:函数体内外的数据交换、错误处理机制
  • 缺点:流程管理不方便
  1. async函数
  • 优点:内置执行器、更好的语义、更广的适用性、返回的是Promise、结构清晰。
  • 缺点:错误处理机制
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,033评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,725评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,473评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,846评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,848评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,691评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,053评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,700评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,856评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,676评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,787评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,430评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,034评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,990评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,218评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,174评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,526评论 2 343

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,211评论 0 4
  • 第一章: JS简介 从当初简单的语言,变成了现在能够处理复杂计算和交互,拥有闭包、匿名函数, 甚至元编程等...
    LaBaby_阅读 1,638评论 0 6
  • 有人说过,很多弯路到最后都成了直路,所有的坑到最后也都成了坦途;所谓的直路和坦途并不是摆在眼前的,都是不断的的...
    老衲法号一眉道人阅读 1,314评论 0 4
  • 做个心静的人
    丽秦阅读 177评论 0 0
  • 一切无序,一切偶发。当他真正尝到成长的苦瑟,成长的煎熬时,猛然回头才发现,家人永远在他身后,默默地支持着,守...
    Alny_阅读 186评论 0 0