前端面试题 -- JS篇
1.js中有哪些数据类型,并解释清楚原始数据类型和引用数据类型
js中共有null
,undefined
, string
,number
,boolean
,object
六种数据类型。
原始数据类型: null
,undefined
, string
,number
,boolean
引用数据类型:object
两者的区别:
1)值存储方式不同:
原始数据类型:将变量名和值都存储在栈内存中
引用数据类型:将变量名存储在栈内存中,将值存储在堆内存中,并在栈内存中存储值的地址,该地址指向堆内存中的值。
2)赋值方式不同:
当给b赋予另一个a的值
若a值为原始数据类型,直接在栈内存中生成b值,两个变量以后进行值改变不会相互影响
若a值为引用数据类型,赋予b变量的是值地址,通过这个地址,两者指向的其实是堆内存中的同一个值,所以以后a,b任一变量对值进行改变,会直接影响另一个变量的值
2. 解释清楚 null 和 undefined
null
表示一个标识被赋值了,且该标识赋值为“空值”,从逻辑角度来看,null值表示空对象指针;
undefined
表示声明了标识,但没有给标识赋值。
3. 如何复制一个对象的值?
function cloneObject(object){
var newObject = new Object();
for(var i in object){
newObject[i] = object[i];
}
return newObject;
}
4. js在什么时候会进行隐式类型转换,转换的结果?
数值运算
if
.
调用方法或属性!和!!
5. 类型识别的方法?
typeof a
可以判别标准类型,除了null之外
typeof 1
返回结果:"number"typeof {}
返回结果:"object"不能判别具体的对象类型,除了function之外
typeof [1]
返回结果:"object"typeof function(){}
返回结果:"function"
a instanceof b
可以判别内置对象类型
[] instanceof Array
返回结果:truenew String() instanceof String
返回结果:true不能判别原始类型值
'a' instanceof String
返回结果:false可以判别自定义对象类型
function Point(x,y){
this.x = x;
this.y = y
} var c = new Point(1,2)
c instanceof Point返回结果:true
a.constructor
可以判别标准数据类型(undefined和null除外)
'123'.constructor == String
返回结果:true可以判别具体的内置对象类型
[1,2].constructor == Array
返回结果:true可以判别自定义对象类型
function Point(x,y){
this.x = x;
this.y = y
} var c = new Point(1,2)
c.constructor == Point返回结果:true
Object.prototype.toString.call(a)
可以判别标准数据类型
Object.prototype.toString.call(1)
返回结果:"[object Number]"Object.prototype.toString.call(undefined)
返回结果:"[object Undefined]"可以判别内置对象类型
Object.prototype.toString.call([a])
返回结果:"[object Array]"不能判别自定义对象类型
function Point(x,y){
this.x = x;
this.y = y
}
var c = new Point(1,2)
Object.prototype.toString.call(c)
返回结果:"[object Object]"
工作中可以写一个函数方便判定
function type(obj){
return Object.prototype.toString.call(obj).slice(8,-1)
}
type('a')
返回结果: "String" type([a])
返回结果: "Array"
函数
1. 函数里的this什么含义,什么情况下,怎么用?
谁调用的方法或者属性,this就指向谁
如果没有被谁调用,this指向window
2. bind,call,apply方法的使用,什么区别?什么时候用?
3. 函数curry化
函数curry化是什么意思?
把接受多个参数的函数转换为接受单一参数的函数,且函数可以持续接收参数
将一个复杂的问题片段化,使之进行简化
3. 数组和对象有哪些原生方法,列举一下,分别是什么含义,比如链接两个数组用哪个方法,删除数组的指定项。
原型
1. 讲一下 prototype 是什么东西,原型链的理解,什么时候用 prototype?
proto
构造函数
闭包
1.什么是闭包?
2.闭包的作用和使用场景
闭包的作用一:隐藏、封装
闭包的作用二:记忆函数
变量作用域
ajax
1.讲解原生Js实现ajax的原理。
Ajax 的全称是Asynchronous JavaScript and XML,其中,Asynchronous 是异步的意思,它有别于传统web开发中采用的同步的方式。
Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面。
XMLHttpRequest是ajax的核心机制,它是在IE5中首先引入的,是一种支持异步请求的技术。简单的说,也就是javascript可以及时向服务器提出请求和处理响应,而不阻塞用户。达到无刷新的效果。
XMLHttpRequest这个对象的属性有:
onreadystatechange 每次状态改变所触发事件的事件处理程序。
responseText 从服务器进程返回数据的字符串形式。
responseXML 从服务器进程返回的DOM兼容的文档数据对象。
status 从服务器返回的数字代码,比如常见的404(未找到)和200(已就绪)
status Text 伴随状态码的字符串信息
readyState 对象状态值
0 (未初始化) 对象已建立,但是尚未初始化(尚未调用open方法)
1 (初始化) 对象已建立,尚未调用send方法
2 (发送数据) send方法已调用,但是当前的状态及http头未知
3 (数据传送中) 已接收部分数据,因为响应及http头不全,这时通过responseBody和responseText获取部分数据会出现错误,
4 (完成) 数据接收完毕,此时可以通过通过responseXml和responseText获取完整的回应数据
正则表达式
Coding Questions
Question: How would you make this work?
add(2, 5); // 7
add(2)(5); // 7
function addto(){
var length = arguments.length;
var sum = 0;
for(var i = 0;i<length;i++){
sum += arguments[i]
}
return sum;
}
function add(){
var value = addto.apply(add,arguments);
var helper = function(next){
typeof next == "number" ? value+=next:value;
return helper
}
helper.valueOf = function(){
return value;
}
return helper;
}
Make this work:
duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]
function duplicate(arr){
var length = arr.length;
for(var i=0;i<length;i++)
arr.push(arr[i])
return arr;
}
3.如何获取一个大于等于0且小于等于9的随机整数?.
function randomNum(){
return Math.floor(Math.random()*10)
}
4.想要去除一个字符串的第一个字符,有哪些方法可以实现.
str.slice(1)
str.substr(1)
str.substring(1)
str.replace(/./,'')
str.replace(str.charAt(0),'')
前端面试题 -- JS篇的更多相关文章
- 前端面试题(js)
js 基础面试题 css 面试题 js 面试题 JavaScript 有几种类型的值?,你能画一下他们的内存图吗 原始数据类型(Undefined,Null,Boolean,Number.String ...
- 微信前端面试题----js实现LazyMan
这是微信小程序的一道面试题,题目是这样的: 实现一个LazyMan,可以按照以下方式调用:LazyMan("Hank")输出:Hi! This is Hank! LazyMan(& ...
- 前端面试题 | JS部分(附带答案)
目前在找工作,所以各方收集了一堆面试题.其实刷面试题的过程也能更新自己对知识的认识,所以也提醒自己多看多理解.如果对下面题目有更深理解,会实时更新.遇到新题目,也会不定时更新.希望能帮助到部分朋友- ...
- 前端面试题 ---- html篇
想要换工作了,转载自https://www.cnblogs.com/zhangshuda/p/8464772.html,感谢原博主. 一.html 1.html和xhtml区别 1. html:超文本 ...
- 某一线互联网公司前端面试题js部分总结
js部分 1,使用严格模式的优点 - 消除Javascript语法的一些不合理.不严谨之处,减少一些怪异行为; - 消除代码运行的一些不安全之处,保证代码运行的安全: - 提高编译器效率,增加运行速度 ...
- 前端面试题-----js和jquery的区别是什么?
最近我有一个朋友问我js和jquery的区别是什么,于是我打算写一篇文章说下到底有什么区别. 首先你要知道: 1.js是网页的脚本语言,记住哈,js是语言! 2.jquery是用js语言写出来的一个框 ...
- 常见前端面试题JS部分
1.闭包 2.JS操作和获取cookie //创建cookie function setCookie(name, value, expires, path, domain, secure) { var ...
- 前端面试题 ----css篇
转载自https://www.cnblogs.com/zhangshuda/p/8465043.html,感谢原博主 1.css盒模型有哪些及区别content-box border-box padd ...
- 前端面试题(js部分)
一.==和===的区别 1.== 用于比较.判断两者相等,比较时可自动换数据类型 2.=== 用于(严格)比较.判断两者(严格)相等,不会进行自动转换,要求进行比较的操作数必须类型一致,不一致时 ...
随机推荐
- TP3.2 APP_DEBUG=false关闭调试后访问不了。页面错误!请稍后再试~
在APP_DEBUG=true时是没问题的,在APP_DEBUG=false时才会出现找不到模板的问题. 经过排查可能是模板文件找不到问题,之前是这么写的. 改为这个就好了. ----------- ...
- SPOJ 74. Divisor Summation 分解数字的因子
本题有两个难点: 1 大量的数据输入.没处理好就超时 - 这里使用buffer解决 2 因子分解的算法 a)暴力法超时 b)使用sieve(筛子),只是当中的算法逻辑也挺不easy搞对的. 数值N因子 ...
- OpenERP 的XML-RPC的轻度体验+many2many,one2many,many2one创建方式
来自:http://cn.openerp.cn/openerp_import_image_by_xmlrpc/ 每当夏秋之交,我们都有展会,展会完后,都有很多的新的潜在客户要添加,我们收了一大堆名片, ...
- 〖Linux〗Ubuntu13.10,在终端打开gvim提示“GLib-GObject-WARNING”的临时解决办法
今天刚刚升级至Ubuntu13.10,在终端打开gvim时提示一些出错信息,不是很雅观: (gvim:): GLib-GObject-WARNING **: Attempt to add proper ...
- 利用kaptcha生成验证码的详细教程
kaptcha是一个简单好用的验证码生成工具,有了它,你可以生成各种样式的验证码,因为它是可配置的.kaptcha工作的原理是调用 com.google.code.kaptcha.servlet.Ka ...
- 迅雷极速版|xunlei下载
迅雷很不错的下载软件,曾经出现了,迷你版.极速版... 迅雷极速版 迅雷精简版 迅雷极速版-下载: http://pan.baidu.com/s/1dF3XYTj 密码: 5tj3 迅雷精简版-下载: ...
- [Animations] 快速上手 iOS10 属性动画
概述 今天要说的UIViewPropertyAnimator, 是iOS10新的API 详细 代码下载:http://www.demodashi.com/demo/10639.html 基础动画, 核 ...
- 【laravel5.4】关键字【use】使用
1.在namespace 和 class 之间使用,是引入类文件的意思,命名空间过长或者类文件同名,可以使用[as]区别 2.在class 类里面使用[use],是导入trait 类的意思,多继承的 ...
- Emacs 的版本控制功能
All operations: C-x v + vc-update C-x v = vc-diff C-x v D vc-root-diff C-x v I vc-log-incoming C-x v ...
- 【LeetCode】129. Sum Root to Leaf Numbers (2 solutions)
Sum Root to Leaf Numbers Given a binary tree containing digits from 0-9 only, each root-to-leaf path ...