1.引用類(lèi)型有哪些?非引用類(lèi)型有哪些
引用類(lèi)型(對(duì)象、數(shù)組、函數(shù)、正則):指的是那些保存在堆內(nèi)存中的對(duì)象,變量中保存
的實(shí)際上只是一個(gè)指針,這個(gè)指針執(zhí)行內(nèi)存中的另一個(gè)位置,由該位置保存對(duì)象。
基本類(lèi)型值(數(shù)值、布爾值、null和undefined): 指的是保存在棧內(nèi)存中的簡(jiǎn)單數(shù)據(jù)段。
2.如下代碼輸出什么?為什么
var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2);
console.log(obj1 = obj2);
console.log(obj1 == obj2);
輸出的是:
false
{a:1, b:2}
true
false 因?yàn)殡m然是同種類(lèi)型,內(nèi)容也是一樣的,但是對(duì)象,即引用類(lèi)型,它們?cè)趦?nèi)容開(kāi)辟了兩塊存儲(chǔ)空間,完全沒(méi)有影響。
{a:1, b:2} 因?yàn)?將obj2賦值給obj1,那么此時(shí)輸出的就是,obj2的內(nèi)容。
true 因?yàn)?上面將obj2 賦值給obj1,那么此時(shí),相當(dāng)于,之前的obj1,被obj2給覆蓋了,如果此時(shí)修改obj2的內(nèi)容,也會(huì)改變obj1相對(duì)應(yīng)的內(nèi)容,此時(shí)是處于一個(gè)存儲(chǔ)空間。
3.如下代碼輸出什么? 為什么
var a = 1
var b = 2
var c = { name: '饑人谷', age: 2 }
var d = [a, b, c]
var aa = a
var bb = b
var cc = c
var dd = d
a = 11
b = 22
c.name = 'hello'
d[2]['age'] = 3
console.log(aa) // 1
console.log(bb) // 2
console.log(cc) // { name: 'hello', age: 3}
console.log(dd) // [1,2,{name: 'hello',age:3}];
首先a,b 都是基本類(lèi)型值,而d為數(shù)組,c為對(duì)象,但它們兩共同的本質(zhì)都是引用類(lèi)型。
console.log(aa) 為1,var aa = a; 在內(nèi)存中有一個(gè)位置是aa的,此時(shí)aa的值變?yōu)閍的值,盡管之后修改了a和b的值,但是并不影響aa,和bb。
var cc = c; cc存儲(chǔ)了c的內(nèi)容地址,var d = [a, b, c],相當(dāng)于是d = [a,b,c的內(nèi)容地址]。
所以,只要修改了c的內(nèi)容,就會(huì)修改了cc和d的內(nèi)容。
var dd = d; 修改了d的內(nèi)容就會(huì)修改dd的內(nèi)容,d[2]['age'] =3; 這條語(yǔ)句本質(zhì)是c.age = 3;
4.如下代碼輸出什么? 為什么
var a = 1
var c = { name: 'jirengu', age: 2 }
function f1(n){
++n
}
function f2(obj){
++obj.age
}
f1(a)
f2(c)
f1(c.age)
console.log(a) // 1
console.log(c) // {name: 'jirengu', age: 3}
f1(a);即 function f1(n) {var n = a = 1, ++n;} a為基本類(lèi)型值,a和n互不影響。
f2(c);即 function f2(n) {var obj = c(obj = c的內(nèi)容地址), ++obj.age;} 將obj.age值加1相當(dāng)于c.age的值加1;
f1(c.age); 即function f1(n) {var n = c.age; n++;} 并沒(méi)有修改到c.age的值,如果是
{var n = c.age; n++; c.age = n} 這樣,那么最后結(jié)果age就為4了。
5.過(guò)濾如下數(shù)組,只保留正數(shù),直接在原數(shù)組上操作
var arr = [3,1,0,-1,-3,2,-5]
function filter(arr){
}
filter(arr)
console.log(arr) // [3,1,2]
var arr = [3,1,0,-1,-3,2,-5];
function filter(arr){
var j = 0;
for(var i = 0; i < arr.length; i++) {
if(arr[i] > 0) {
arr[j] = arr[i];
j++;
}
}
arr.length = j;
}
filter(arr);
console.log(arr); // [3,1,2]
6.過(guò)濾如下數(shù)組,只保留正數(shù),原數(shù)組不變,生成新數(shù)組
var arr = [3,1,0,-1,-3,2,-5]
function filter(arr){
}
var arr2 = filter(arr)
console.log(arr2) // [3,1,2]
console.log(arr) // [3,1,0,-1,-2,2,-5]
function filter(arr){
var newArr = [];
var j = 0;
for(var i = 0; i < arr.length; i++) {
if(arr[i] > 0) {
newArr[j++] = arr[i]
}
}
return newArr;
}
7.寫(xiě)一個(gè)深拷貝函數(shù),用兩種方式實(shí)現(xiàn)
第一種:
function deepCopy(oldObj) {
var newObj = {}; // 創(chuàng)建空對(duì)象
for(var key in oldObj) { // 遍歷對(duì)象
if(oldObj.hasOwnProperty(key)) { // 判斷屬性(自身屬性,不是繼承的屬性)是否存在
if(typeof oldObj[key] === 'number' || typeof oldObj[key] === 'string' || typeof oldObj[key] === 'boolean' || oldObj[key] === undefined || oldObj[key] === null ) {
// 如果是上述這些基本類(lèi)型執(zhí)行
newObj[key] = oldObj[key];
} else {
// 其余的進(jìn)行遞歸操作
newObj[key] = deepCopy(oldObj[key]);
}
}
}
return newObj;
}
第二種
obj1 = JSON.parse(JSON.stringify(obj));
局限性: 無(wú)法復(fù)制函數(shù)
原型鏈沒(méi)了,對(duì)象就是object,所屬的類(lèi)沒(méi)了。