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方法?
es5四種方式:
方式一:
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 {
// 處理失敗,從新綁定點擊事件
// 2. 讓按鈕可用
$("#itlike").removeAttr("disabled");
}
}
});
複製代碼