前端面试题汇总
JavaScript
性能
linux
前端资料汇总
开源分享:docs.qq.com/doc/DSmRnRG…
}
};
//合并两个对象到people1上
$.extend(people1, people2);
console.log(people1);
效果:
也可以合并到一个空对象上
var obj = {};//新建一个空对象
var people1 = {
ccy:{
age:18,
sex: 'female'
},
ccy1 : 22
};
var people2 = {
ccy2:{
age:19,
sex: 'female'
}
};
//将people1和people2存储到obj上
$.extend(obj,people1, people2);
console.log(obj);
效果:
extend方法默认是浅拷贝,当原对象改变时,合并之后的对象也会改变
$.extend(obj, people1, people2);
people1.ccy.age = 24;
效果:ccy的age被改成了24
第一个参数是控制是否深拷贝的,我们将其设置为true,就是深拷贝
$.extend(true, obj, people1, people2);
people1.ccy.age = 24;
效果:ccy的age并没有被改变,依然是18
如果extend只写了一个参数,则意味着参数target被省略。此时,target就是jQuery对象本身。通过这种方式,我们可以为全局对象jQuery添加新的函数
var obj = {};
var people1 = {
ccy: {
age: 18,
sex: 'female'
},
ccy1: 22,
'aa' : function(){
console.log( 'a' );
}
};
$.extend(people1);//将people1的ccy对象,ccy1属性,aa方法都拓展到jQuery()上
console.log( $.ccy1 );//输出新拓展的属性的值
$.aa();//执行新拓展的方法,是工具方法的格式
在jQuery源码中,也有很多方法是由extend来拓展的,如each、makeArray等方法
我们平常在写代码的时候,也可以不都是从0造就,可以先写了基本的、常用的,然后extend一些方法
拓展一下找数组最大值、最小值的方法:
$.extend({
max: function(arr){
var max = arr[0],
len = arr.length;
for (var i = 1; i < len; i ++ ){
var cur = arr[i];
cur > max ? max = cur : null;
}
return max;
},
min: function(arr){
var min = arr[0],
len = arr.length;
for (var i = 1; i < len; i ++ ){
var cur = arr[i];
cur < min ? min = cur : null;
}
return min;
}
})
var arr = [33, 44, 5, 66, 1, 88];
console.log( $.max(arr) );//输出88
console.log( $.min(arr) );//输出1
$.fn.extend()同样可以合并对象;当第一个参数为true时为深拷贝,不同的是:
$.extend()是定义在jQuery()函数上的;
$.fn.extend()是定义在jQuery对象原型上的;
$.extend()拓展的方法是工具方法,像trim();
$.fn.extend()拓展的方法是实例方法,像css();
拓展一个闪烁的功能:
案例:创建一个box,当鼠标进入这个box时,闪烁一下:
更多面试题
**《350页前端校招面试题精编解析大全》**内容大纲主要包括 HTML,CSS,前端基础,前端核心,前端进阶,移动端开发,计算机基础,算法与数据结构,项目,职业发展等等
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】