1.引用類型有哪些?非引用類型有哪些
引用類型
引用類型(對象剃法、數(shù)組碎捺、函數(shù)、正則):
指的是那些保存在堆內(nèi)存中的對象贷洲,變量中保存的實際上只是一個指針收厨,這個指針指向內(nèi)存中的另一個位置,由該位置保存對象优构。非引用類型(基本類型)
基本類型值(數(shù)值诵叁、布爾值、null和undefined):
指的是保存在棧內(nèi)存中的簡單數(shù)據(jù)段钦椭;
2.代碼練習
(1)如下代碼輸出什么拧额?為什么
var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2);
// false
// 因為對象比較的是兩個地址,兩個對象的地址不同
console.log(obj1 = obj2);
// Object {a: 1, b: 2}
// 因為把 obj2 的地址賦給了 obj1
console.log(obj1 == obj2);
// true
// 因為對象比較的是兩個地址,前面把地址賦過了彪腔,地址相同
(2)如下代碼輸出什么侥锦?為什么
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) // Object {name: 'hello', age: 3}
// 引用類型賦值完后互相關(guān)聯(lián),指向同一個對象
console.log(dd) // [1, 2, {name: 'hello', age: 3}]
// 引用類型賦值完后互相關(guān)聯(lián)德挣,指向同一個對象
(3) 如下代碼輸出什么? 為什么
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
// 因為函數(shù)的形參和實參(在這里n是形參恭垦,a是實參),是兩個變量格嗅,如果傳遞進去的實參保存的是基本類型番挺,形參和外面的變量保存的基本類型的值,互相獨立吗浩,互不影響
console.log(c)
// 輸出 Object {name: 'jirengu', age: 3}
// 因為函數(shù)的形參和實參建芙,是兩個變量没隘,如果傳遞進去的實參保存的是引用類型懂扼,形參改變,外面的變量保存著的對象也隨之改變
(4) 過濾如下數(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){
for(var i=0; i<arr.length; i++) {
if(arr[i]<=0) {
arr.splice(i,1);
filter(arr);
}
}
}
filter(arr)
console.log(arr) // [3,1,2]
//或者
var arr = [3,1,0,-1,-3,2,-5]
function filter(arr){
for(var i=0; i < arr.length;){
if(arr[i] <= 0){
arr.splice(i,1);
}else{
i++;
}
}
}
filter(arr)
console.log(arr) // [3, 1, 2]
(5) 過濾如下數(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]
-----------------------------------------------------
var arr = [3,1,0,-1,-3,2,-5]
function filter(arr){
var newArr = [];
for(var i=0; i<arr.length; i++) {
if(arr[i]>0) {
newArr.push(arr[i]);
}
}
return newArr;
}
var arr2 = filter(arr)
console.log(arr2) // [3,1,2]
console.log(arr) // [3,1,0,-1,-2,2,-5]
(6)寫一個深拷貝函數(shù)映砖,用兩種方式實現(xiàn)
第一種:
function copy(obj){
var newObj = {};
for (var key in obj){
if(obj.hasOwnProperty(key)){
if(typeof obj[key] ==='number' || typeof obj[key] ==='boolean'
|| typeof obj[key] ==='string'|| obj[key] === undefined||
obj[key] === null){
//對null不能用typeof檢測會返回object
newObj[key] = obj[key];
}else{
newObj[key] = copy(obj[key]);
}
}
}
return newObj;
}
第二種:
JSON.stringify(obj)
JSON.parse()
JSON.parse(JSON.stringify(obj))
function copy(obj){
var newObj = JSON.parse(JSON.stringify(obj));
return newObj;
}