撩课-Web大前端每天5道面试题-Day5
程序员文章站
2023-10-15 15:10:36
1.写一个深度克隆方法(es5)? 2. es6中let,const,var的区别是什么? 3. 对数组[1,2,3,8,2,8]进行去重,es5或者es6方法? 4. 说说对es6中=>的理解? 5. 点击一个按钮,发出ajax请求,如何防止用户在此请求方式返回之前再次点击? ......
1.写一个深度克隆方法(es5)?
/** * 深拷贝 * @param {object}fromobj 拷贝的对象 * @param {object}toobj 目标对象 */ function deepcopyobj2newobj(fromobj, toobj) { for(var key in fromobj){ // 1. 取出键值对 var fromvalue = fromobj[key]; // 2. 检查当前的属性值是什么类型 if(!isobj(fromvalue)){ // 如果是值类型,那么就直接拷贝赋值 toobj[key] = fromvalue; }else { // 如果是引用类型, // 那么就再调用一次这个方法, // 去内部拷贝这个对象的所有属性 var tempobj = new fromvalue.constructor; console.log(fromvalue.constructor); deepcopyobj2newobj(fromvalue, tempobj); toobj[key] = tempobj; } } } /** * 辅助函数, 判断是否是对象 * @param {object}obj * @returns {boolean} */ function isobj(obj) { return obj instanceof object; }
2. es6中let,const,var的区别是什么?
var :声明全局变量; let :声明块级变量,即局部变量, 定义后可以修改; const :用于声明常量,就是定义后 不能再修改值或者引用值的常量, 也具有块级作用域
3. 对数组[1,2,3,8,2,8]进行去重,es5或者es6方法?
es四种方式: array.prototype.unique1 = function() { // 1. 定义数组 var temp = []; // 2. 遍历当前数组 for(var i = 0; i < this.length; i++) { // 3.如果当前数组的第i已经保存进了临时数组, // 那么跳过,否则把当前项push到临时数组里面 if (-1 === temp.indexof(this[i])) { temp.push(this[i]); } } return temp; }; array.prototype.unique2 = function() { //1. hash为hash表,r为临时数组 var hash = {}, temp=[]; // 2.遍历当前数组 for(var i = 0; i < this.length; i++) { // 3. 如果hash表中没有当前项 if (!hash[this[i]]) { // 4.存入hash表 hash[this[i]] = true; // 5.把当前数组的当前项 // push到临时数组里面 temp.push(this[i]); } } return temp; }; array.prototype.unique3 = function() { var n = [this[0]]; for(var i = 1; i < this.length; i++){ if (this.indexof(this[i]) === i) { n.push(this[i]); } } return n; }; array.prototype.unique4 = function() { this.sort(); var re=[this[0]]; for(var i = 1; i < this.length; i++) { if( this[i] !== re[re.length-1]) { re.push(this[i]); } } return re; }; es6: array.prototype.unique = array.prototype.unique || function () { return [...new set(this)]; };
4. 说说对es6中=>的理解?
箭头函数相当于匿名函数,
并且简化了函数定义,
箭头左边是参数,
右边是返回值。
箭头函数看上去
是匿名函数的一种简写,
但实际上,箭头函数和
匿名函数有个明显的区别:
箭头函数内部的this是词法作用域,
由上下文确定。
5. 点击一个按钮,发出ajax请求,如何防止用户在此请求方式返回之前再次点击?
// 点击提交按钮的时候, // 把这个提交这个处理函数给解绑掉, // 请求完成的时候在绑定回来 function clickhandler(){ $(this).unbind('click', clickhandler); $.ajax({ url : 'url', datatype : 'json', type : 'post', success : function (data) { if (data.success) { //提交成功做跳转处理 } else { //处理失败,重新绑定点击事件 $(self).click(clickhandler); } } }); } $('#itlike').click(clickhandler); // 可以点击后让按钮不可用, // 如果提交失败可以再次设置为可用 // 1.让按钮不可用 $("#itlike").attr("disabled","disabled"); $.ajax({ url : 'url', datatype : 'json', type : 'post', success : function (data) { if (data.success) { // 提交成功做跳转处理 } else { // 处理失败,重新绑定点击事件 // 让按钮可用 $("#itlike").removeattr("disabled"); } } });
上一篇: 【读书笔记】HTTP报文及首部字段
下一篇: 微信小程序爬坑日记之背景图片设置