js
JavaScript 有几种类型的值?,你能画一下他们的内存图吗
- 原始数据类型(Undefined,Null,Boolean,Number、String)-- 栈
- 引用数据类型(对象、数组和函数)-- 堆
- 两种类型的区别是:存储位置不同:
- 原始数据类型是直接存储在栈(stack)中的简单数据段,占据空间小、大小固定,属于被频繁使用数据;
- 引用数据类型存储在堆(heap)中的对象,占据空间大、大小不固定,如果存储在栈中,将会影响程序运行的性能;
- 引用数据类型在栈中存储了指针,该指针指向堆中该实体的起始地址。
- 当解释器寻找引用值时,会首先检索其在栈中的地址,取得地址后从堆中获得实体。
assign
array.from
介绍JS有哪些内置对象
- 数据封装类对象: String Number Boolean Array Object
- 其他对象: Function Math Date Error Arguments RegExp
string number boolean undefined null
dom 事件模型
- 冒泡 捕获
dom 事件流
- 事件捕获的流程
dom 事件级别
- dom 0 onclick
- dom2 addEventListener Ie attatchEvent
- dom 3 keyup 鼠标
捕获的流程 window —>document
如何获取body 对象,如何获取html对象
html 节点document.documentElement
null、undefined及未声明变量之间的区别。如何区分?
- 未声明变量默认值为undefined
- typeof null === 'object' // true
- typeof undefined === 'undefined' // true
==和===的区别
- ==比较之前会先进行类型转换,即不会对类型进行比较。例如:
12 == '12' // true - true == 1 // true
- false == '0' // true
- 复制代码
- ===会比较数值和类型。例如:
12 === '12' // false - 12 === 12 // true
- true === 1 // false
- false === '0' // false
- 复制代码
如何注册事件
怎么自定义事件
call,apply和bind的作用是什么?两者区别是什么?
.call和.apply都用于调用函数,第一个参数将用作函数内 this 的值。然而,.call接受逗号分隔的参数作为后面的参数,而.apply接受一个参数数组作为后面的参数。一个简单的记忆方法是,从call中的 C 联想到逗号分隔(comma-separated),从apply中的 A 联想到数组(array)。
function add(a, b) {
return a + b;
}
console.log(add.call(null, 1, 2)); // 3
console.log(add.apply(null, [1, 2])); // 3
复制代码
.call和.apply是立即执行的, .bind 返回函数的副本
创建对象几种方法
1 字面量对象new object 传参 2 构造函数 new 3 Object.create
什么原型
什么是构造函数
什么是示例
什么是原型链
function onLoad() {
var arr = document.getElementsByTagName("p");
for (var i = 0; i < arr.length; i++) {
arr[i].onclick = function () {
alert(i);
}
}
}
函数节流
函数防抖
什么是函数节流?介绍一下应用场景和原理?
- 函数节流(throttle)是指阻止一个函数在很短时间间隔内连续调用。 只有当上一次函数执行后达到规定的时间间隔,才能进行下一次调用。 但要保证一个累计最小调用间隔(否则拖拽类的节流都将无连续效果)
- 函数节流用于 onresize, onscroll 等短时间内会多次触发的事件
- 函数节流的原理:使用定时器做时间节流。 当触发一个事件时,先用 setTimout 让这个事件延迟一小段时间再执行。 如果在这个时间间隔内又触发了事件,就 clearTimeout 原来的定时器, 再 setTimeout 一个新的定时器重复以上流程。
instanceOf 的原理
new 运算符
声明一个对象
箭头函数需要注意的地方
*当要求动态上下文的时候,就不能够使用箭头函数,也就是this的固定化。
1、在使用=>定义函数的时候,this的指向是定义时所在的对象,而不是使用时所在的对象;
2、不能够用作构造函数,这就是说,不能够使用new命令,否则就会抛出一个错误;
3、不能够使用arguments对象;
4、不能使用yield命令;
let和const
手写一个promise
var promise = new Promise((resolve, reject) => {
if (操作成功) {
resolve(value)
} else {
reject(error)
}
})
promise.then(function (value) {
// success
}, function (value) {
// failure
})
promise 有几个状态?
promise有2个状态,成功和失败,怎么让一个函数无论成功还是失败都能被调用?
Promise.prototype.finally()
错误监控
service-worker