最后
由于篇幅限制,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
new 共经过了 4 几个阶段
-
1、创建一个空对象
-
2、设置原型链
-
3、让 Func 中的 this 指向 obj,并执行 Func 的函数体
-
4、判断 Func 的返回值类型:
样本二
function Test(){}
const test = new Test()
1. 创建一个新对象:
const obj = {}
2. 设置新对象的 constructor 属性为构造函数的名称,设置新对象的__proto__属性指向构造函数的 prototype 对象
obj.constructor = Test
obj.proto = Test.prototype
3. 使用新对象调用函数,函数中的 this 被指向新实例对象
Test.call(obj)
4. 将初始化完毕的新对象地址,保存到等号左边的变量中
46. call() 和 apply() 的含义和区别?
参考答案:
首先说明两个方法的含义:
-
call:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B. call(A, args1, args2); 即 A 对象调用 B 对象的方法。
-
apply:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B. apply(A, arguments); 即 A 对象应用 B 对象的方法。
call 与 apply 的相同点:
-
方法的含义是一样的,即方法功能是一样的;
-
第一个参数的作用是一样的;
call 与 apply 的不同点:两者传入的列表形式不一样
-
call 可以传入多个参数;
-
apply 只能传入两个参数,所以其第二个参数往往是作为数组形式传入
想一想哪个性能更好一些呢?
47. sort 排序原理
参考答案:
冒泡排序法
解析:
冒泡排序法的原理:
-
比较相邻的元素。如果第一个比第二个大,就交换他们两个。
-
对每一对相邻元素做同样的工作,从开始第一对到结尾的最后一对。在这一点,最后的元素应该会是最大的数。
-
针对所有的元素重复以上的步骤,除了最后一个。
-
持续每次对越来越少的元素重复上面的步骤,直到没有任何一对数字需要比较。
示例:
var arr = [1, 5, 4, 2];
// sort()方法的比较逻辑为:
// 第一轮:1和5比,1和4比,1和2比
// 第二轮:5和4比,5和2比
// 第三轮:4和2比
// 一.sort排序规则 return大于0则交换数组相邻2个元素的位置
// 二.arr.sort(function (a,b) {})中
// a -->代表每一次执行匿名函时候,找到的数组中的当前项;
// b -->代表当前项的后一项;
// 1.升序
var apple = [45, 42, 10, 147, 7, 65, -74];
// ①默认法,缺点:只根据首位排序
console.log(apple.sort());
// ②指定排序规则法,return可返回任何值
console.log(
apple.sort(function(a, b) {
return a - b; //若return返回值大于0(即a>b),则a,b交换位置
})
);
//2.降序
var arr = [45, 42, 10, 111, 7, 65, -74];
console.log(
apple.sort(function(a, b) {
return b - a; //若return返回值大于零(即b>a),则a,b交换位置
})
);
48. Zepto 的点透问题如何解决?
参考答案:
方案一:来得很直接 github 上有个 fastclick 可以完美解决https://github.com/ftlabs/fastclick
引入 fastclick. js,因为 fastclick 源码不依赖其他库所以你可以在原生的 js 前直接加上
window.addEventListener(
“load”,
function() {
FastClick.attach(document.body);
},
false
);
或者有 zepto 或者 jqm 的 js 里面加上
$(function() {
FastClick.attach(document.body);
});
当然 require 的话就这样:
var FastClick = require(“fastclick”);
FastClick.attach(document.body, options);
方案二:用 touchend 代替 tap 事件并阻止掉 touchend 的默认行为 preventDefault()
分享
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
ouchend 的默认行为 preventDefault()