JS資料型別和堆疊+變數比較和值的複製+引數傳遞和型別檢測
變數命名
變數名：字母 數字 下劃線 美元符$
jquery: $ $.each() $ === jQuery
underscore( js的一個函式庫) : _ _.each()
關鍵字 : if for
保留字 : class
推薦有意義的命名：
buttonCancel button_cancel btnCancel
資料型別和堆疊
基本型別（可以修改） : 4 str true undefined null
引用型別（不能修改） : { } [ ]
var score = 40; score = 50;
上面屬於覆蓋，不屬於修改
var str = "hello"; var newStr = str.replace("h", ""); document.write( str+ "/" + newStr);
字串操作返回新的字串，原字串沒有改變
var obj = {}; console.log(obj); obj.name = "cyy"; obj.age = 25; obj.name = "cyy2"; delete obj.age; console.log(obj);
引用型別的屬性可以新增，可以修改，可以刪除
var name = "cyy"; name.age = 25; console.log(name.age);//undefined
基本型別不能新增屬性
str.replace()
1->Number
"str"->String
不是基本型別有屬性和方法，而是通過基本型別找到其包裝物件，包裝物件會把屬性和方法借給該基本型別的變數
基本型別儲存在棧記憶體中，按值訪問（直接訪問）
引用型別儲存在堆記憶體中，但是地址儲存在棧記憶體中，按引用訪問（需要中轉）
變數比較和值的賦值
var obj1 = { age: 24, num: 1 } var obj2 = { age:24, num: 1 } console.log(obj1 === obj2);//false
基本型別的比較就是值的比較，只要值相等即為相等
引用型別，實際上是開闢了各自的記憶體空間，雖然內容相等，但是並不是一個地址
只有當指向同一個引用的時候，才為相等
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var obj1 = {
age: 24,
num: 1
}
var obj2 = obj1;
console.log(obj1 === obj2);//true
</script>
</body>
</html>
此時obj2儲存的是obj1的地址，因此相等
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var obj1 = {
age: 24,
num: 1
}
var obj2 = {
age: 24,
num: 1
}
function equelObj(a, b){
for(var i in a){
if(a[i] !== b[i]) return false;
}
return true;
}
console.log(equelObj(obj1, obj2));//true
</script>
</body>
</html>
以上方式可以比較兩個物件的內容是否相等
function equelArr(a, b){ if(a.length !== b.length) return false; for(var i=0; i<a.length;i++){ if(a[i] !== b[i]) return false; } return true; }
以上方式比較兩個陣列的內容是否相等
var name1 = "cyy"; var name2 = name1; console.log(name2);//cyy name2 = "cyy2"; console.log(name1);//cyy
基本型別複製是值的複製，兩個變數互不干涉
var obj1 = { name: "cyy", age: 24 } var obj2 = obj1; obj2.age++; console.log(obj2.age);//25 console.log(obj1.age);//25
引用型別複製是地址的複製，二者指向同一個地址，一個改變另一個也會發生改變
var obj1 = { name: "cyy", age: 24 } function copyObj(a){ var newObj = {}; for(var i in a){ newObj[i] = a[i]; } return newObj; } console.log(copyObj(obj1));
以上方法是複製一個物件的內容，但不是引用的同一個地址
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var obj1 = {
name: "cyy",
age: 24,
hobby: []
}
function copyObj(a){
var newObj = {};
for(var i in a){
newObj[i] = a[i];
}
return newObj;
}
console.log(copyObj(obj1));
</script>
</body>
</html>
該方式屬於淺拷貝，如果物件中某個屬性本身是引用型別，則複製時又會該屬性又會指向同一個地址，需要用到遞迴解決
jquery 中的 $.extend 既可以進行淺拷貝，又可以進行深拷貝
不使用新的變數，來對換兩個變數的值
var a = 3; var b = 4; a = a + b; //a=7 b = a - b; //b=3 a = a - b; //a=3
一個很奇葩的規則：賦值才會改變引用的地址，但是新增與修改內容不會改變地址
var a=[4]; var b=a;//此時b與a指向同一個空間 a=[4] b=[4] a=[4,44];//此處a被重新賦值，指向了另一個空間；b仍舊指向原來的空間 console.log(a);//(2)[4, 44] console.log(b);//[4] a=b;//此時a又指向了b的空間 a=[4] b=[4] b.push(44); console.log(a);//(2)[4, 44]
引數傳遞和型別檢測
function add(a,b){ return a+b; } console.log(add(3,4));//7
a,b是形參，3,4是實參
function addName(obj){ obj.name="cyy"; } var me={}; addName(me); console.log(me.name);//cyy
引用型別的引數傳遞（實質上也是值傳遞）
function addName(obj){ obj.name="cyy";//me.name=cyy（值傳遞) obj={};//obj指向了一個新的地址，但是me依舊指向老的地址 obj.name="cyy2";//對新的地址進行操作 } var me={}; addName(me); console.log(me.name);//cyy
以上證明：由於引用型別作為引數時，實質上也是值傳遞。因此當形參被指向新的地址時，並沒有對實參進行操作，因為二者並不是指向同一個地址
typeof 檢測資料型別，返回值都是字串型別
陣列和物件都是返回object
instanceof Array 判斷是否是陣列的例項
instanceof Object 判斷是夠是object的例項（陣列也是Object的例項，所有東西都是object的例項）
console.log([] instanceof Array);//true console.log({} instanceof Array);//false console.log([] instanceof Object);//true console.log({} instanceof Object);//true
不用第三個引數，對換兩個引用型別的變數值
var a = {name: 'xm'}, b = [4]; a=[a,b];//[{name: 'xm'}, 4] b=a[0];//b={name: 'xm'}; a=a[1];//a=[4]
null是Null型別，屬於基本型別
console.log(typeof null);//object console.log(null instanceof Object);//false