1.引用類(lèi)型有哪些?非引用類(lèi)型有哪些
基本類(lèi)型值(數(shù)值、布爾值、字符串、null和undefined):指的是保存在棧內(nèi)存中的簡(jiǎn)單數(shù)據(jù)段;
引用類(lèi)型值(對(duì)象、數(shù)組、函數(shù)、正則):指的是那些保存在堆內(nèi)存中的對(duì)象,變量中保存的實(shí)際上只是一個(gè)指針這個(gè)指針執(zhí)行內(nèi)存中的另一個(gè)位置,由該位置保存對(duì)象.
2.如下代碼輸出什么?為什么
var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2); //false
console.log(obj1 = obj2); //{a:1, b:2};
console.log(obj1 == obj2); //true
- 由于一開(kāi)始聲明了兩個(gè)對(duì)象,分別為obj1、obj2,此兩個(gè)對(duì)象都擁有獨(dú)立不同的地址;故第一個(gè)console.log(obj1 == obj2); 輸出false,因?yàn)樗麄兊拇鎯?chǔ)地址不一樣,屬于不同的“變量”,只不過(guò)長(zhǎng)得一樣而已。
- 然后console.log(obj1 = obj2); 把obj2存儲(chǔ)的地址賦值給obj1,此時(shí)obj1,obj2擁有同一個(gè)存儲(chǔ)地址。
- 最后執(zhí)行console.log(obj1 == obj2)時(shí),由于obj1,obj2指向同一個(gè)地址,故兩者是相等的。輸出true。
3.如下代碼輸出什么? 為什么
var a = 1
var b = 2
var c = { name: '饑人谷', age: 2 } //對(duì)象
var d = [a, b, c] //數(shù)組
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 }]
這個(gè)例子為淺拷貝
- 首先定義了a,b,c,d,aa,bb,cc,dd
- 分別給a,b,c,d賦值,a,b為基本類(lèi)型,c,d為引用類(lèi)型,故c,d實(shí)際存儲(chǔ)為一串地址。
- 然后分別把a(bǔ),b,c,d的值賦值給aa,bb,cc,dd,此時(shí)aa,bb分別為1,2;cc,dd為c,d的存儲(chǔ)地址。
- 重新給a,b,c,d賦值,其中a,b的值被覆蓋,c,d為修改地址中的內(nèi)容,c,d存儲(chǔ)的地址沒(méi)有修改
- 運(yùn)行調(diào)試aa,bb分別為1,2;因?yàn)榈谒牟街恍薷牧薬,b的值,aa,bb沒(méi)有影響;cc,dd的指向分別為c,d的地址,故cc,dd的值和c,d一樣。
4. 如下代碼輸出什么? 為什么
var a = 1
var c = { name: 'YQY', 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: 'YQY', age: 3 }
這個(gè)例子為淺拷貝
- 首先聲明a,c,函數(shù)fn1,fn2;a 為基礎(chǔ)類(lèi)型,c為對(duì)象:引用類(lèi)型,故實(shí)際存儲(chǔ)為一串地址。
- 運(yùn)行f1(a),聲明n,并將a的值賦值n,n=a=1;++n,此時(shí)n=2;
- 運(yùn)行f2(a),聲明obj,并將c中地址賦值給obj,obj.age=c.age=2,++obj.age=3,此時(shí)obj和c都指向同一個(gè)地址,地址內(nèi)容為{ name: 'jirengu', age: 3 }
- 運(yùn)行f1(c.age),聲明n,將n=c.age=3,++n,此時(shí)n=4
- 調(diào)試console.log(a),此時(shí)a還是1;故輸出1
- 調(diào)試console.log(c),此時(shí)c所保存的地址不變,但是地址里面的內(nèi)容已經(jīng)被f2函數(shù)修改了,故輸出{ name: 'jirengu', age: 3 }
5.過(guò)濾如下數(shù)組,只保留正數(shù),直接在原數(shù)組上操作
var arr = [3,1,0,-1,-3,2,-5];
function filter(arr){
for(var i=0 ;i<arr.length;i++){
if (arr[i] <= 0) {
arr.splice(i,1);
i--;
}
}
}
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 = [] ;
for(var i = 0 ; i < arr.length; i++){
arr2[i]=arr[i];
}
for(var i=0 ;i<arr.length;i++){
if (arr2[i] <= 0) {
arr2.splice(i,1);
i--;
}
}
return arr2;
}
var arr2 = filter(arr)
console.log(arr2) // [3,1,2]
console.log(arr) // [3,1,0,-1,-2,2,-5]
7.寫(xiě)一個(gè)深拷貝函數(shù),用兩種方式實(shí)現(xiàn)
方法一
function deepCopy(obj){
var obj2 = {};
if(obj.hasOwnProperty){
for(var key in obj){
if(typeof obj[key] == "string"|| typeof obj[key] == "number" ||
obj[key] == undefined || obj[key] == null || typeof obj[key] == "boolean"){
obj2[key] = obj[key];
}else{
obj2[key] = deepCopy(obj[key]);
}
}
}
return obj2;
}
var obj = {
name:"YQY",
age:2
}
var obj2 = deepCopy(obj);
console.log(obj2);
obj.age = 33;
console.log(obj2.age);
方法二
function deepCopy2(obj){
return JSON.parse(JSON.stringify(obj));
}
var obj3 = {
name:"YQY",
age:20
}
var obj4 = deepCopy2(obj3);
console.log(obj4);
obj3.age = 33;
console.log(obj4.age);