全域作用域和區域作用域
全域作用域
區域作用域：函式作用域
全域作用域在全域和區域都可以訪問到，區域作用域只能在區域被訪問到
var name="cyy";
function fn(){
var age=25;
console.log(name);//cyy
console.log(age);//25
}
fn();
console.log(name);//cyy
console.log(age);//報錯age is not defined
js沒有塊級作用域，此處依然是全域變數
if(){
//全域變數
}
for(){
//全域變數
}
在函式內，用var宣告的變數是區域變數，沒有用var的是全域變數
function fn(){
var x=y=1;
}
fn();
console.log(y);//1
console.log(x);//x is not defined
var name="cyy";
function fn(){
name="cyy2";//沒有用var，所以這里修改的直接是外面的全域變數name
console.log(name);//cyy2
}
fn();
console.log(name);//cyy2
變數物件和作用域鏈
此處全域作用域下有name變數和fn函式，實際上都是window物件上的
全域作用域的變數物件的屬性和方法，看得見摸得著，可以訪問
var name="cyy";
function fn(){
var age=25;
function fn2(){
var gender="girl";
}
}
console.log(window.name===name);//true
console.log(window.fn===fn);//true
此處fn下有age變數和fn2函式
區域作用域的變數物件的屬性和方法，看不見摸不著
訪問不存在的變數，會報錯
訪問不存在的屬性，不會報錯
這里補充一下：一開始我用name進行測驗，出現了意想不到的情況
后來發現name是js物件的內置屬性，應盡量避免命名時使用，建議使用 _name
列印window物件即可查看到name
console.log(window._name);
console.log(_name);
作用域鏈：
如果要查找一個變數，首先會在當前作用域內查找；
如果沒有，就去上一級作用域內查找；
直至到window
因此，里層可以訪問到外層的變數，但是外層無法訪問到里層的變數
延長作用域鏈的方法
with()相當于開辟了一個新的作用域
里面的屬性，找不到的話會去外層window上查找
但是不推薦使用with，會帶來后續其他問題
var person={}; person.name="cyy"; person.age=25; var score=90; console.log(person.name);//cyy console.log(person.age);//25 console.log(score);//90 with(person){ name="cyy2"; age=cyy2; score=99; } console.log(person.name);//cyy2 console.log(person.age);//cyy2 console.log(score);//99
回圈添加點擊事件，獲取到每個點擊按鈕的index
單擊方法需要在回圈外面定義，否則只會輸出回圈結束后的 i 的值
<!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> <button>1</button> <button>2</button> <button>3</button> <script> var btns=document.querySelectorAll("button"); for(var i=0,len=btns.length;i<len;i++){ myClick(i); } function myClick(i){ btns[i].onclick=function(){ alert(i); } } </script> </body> </html>
不存在的變數或函式會報錯；不存在的屬性或方法，回傳undefined；||是短路操作，形如a||b，如果a的值轉換成布林值是true的話，a||b等于a；如果a的值轉換成布林值是false的話，a||b等于b
此處window.person = undefined，因此回傳window.person="cyy"
//console.log(person || (person="cyy"));//報錯，person is not defined console.log(window.person || (window.person="cyy"));//cyy
如果在回圈中直接系結點擊事件，由于在回圈時只是系結；等到去點擊按鈕是，回圈早已結束，因此 i 永遠都是回圈結束后的值
var btns=document.querySelectorAll("button"); for(var i=0,len=btns.length;i<len;i++){ btns[i].onclick=function(){ alert(i);//3 } }
JS決議機制：預決議
最簡單的情況
var age=25; function fn(){ var age=26; console.log(age);//26 } fn();
JS的決議程序：
預決議
逐行讀代碼
var age=25; function fn(arg){ console.log(age); var age=26; } fn(); /* js的決議機制： window: age undefined 25 fn function fn(arg){ console.log(age);//undefined var age=26; console.log(age);//25 } fn: arg（引數也作為區域變數） undefined age undefined 首先查找所有的var，將var宣告的變數都賦值給undefined 函式直接拿過來 讀取時，由于函式已經宣告完了，所以正常執行時直接跳過 直接執行fn() console.log(age)中的age是預決議的undefined */
變數名沖突：預決議時都是undefined
var age=25;//預決議：undefined ... var age=26;//預決議：undefined
變數和函式名沖突：預決議時跳過變數名，只宣告函式
var age=25;//預決議：undefined function age(){ }
函式與函式名沖突：預決議時選擇后面一個函式，第一個函式被干掉
function age(){ var age=24; } function age(){ var age=25; }
在某些老版本瀏覽器，比如低版本火狐中，無法決議 if 或者 for 內部的函式
所以不推薦在代碼塊里定義函式
if(){ function fn(){ } } for(){ function fn2(){ } }
變數的決議機制：
以var 宣告的變數會預決議
以let 宣告的變數不會預決議
函式的宣告會預決議
函式運算式不會預決議
document.write(fn); function fn(){}
函式的宣告在預決議時就已經被提前宣告了
函式變數的賦值，預決議時被定義為undefined
document.write(fn);//undefined var fn=function(){}
提前列印后面的變數，列印出來是undefined
console.log(age);//預決議為undefined var age=25;
如果沒有用var宣告，則無法進行預決議，這樣提前列印時，不知道有該變數的存在，就會報錯
console.log(age);//報錯 age=25;
console.log(a);//列印出預決議的結果，是函式a() var a=1; console.log(a);//1 function a(){ console.log(2);//跳過沒有執行 } console.log(a);//1 var a=3; console.log(a);//3 function a(){ console.log(4);//跳過沒有執行 } console.log(a);//3 a();//此時a是3，不能當做函式執行，因此報錯 /* 預決議時先查找var：找到var a=1;和var a=3；預決議結果為undefined 然后查找到函式，發現函式a與變數重名，此時變數被干掉 由于存在兩個重名函式，前面的函式被干掉，因此a的預決議結果為： function a(){ console.log(4); } */
預決議是分標簽進行的
此處上下沒有聯系，會報錯
<script> console.log(a);//報錯 </script> <script> var a=1; </script>
但是上下順序對換不會出現問題，因為已經正常執行了，與預決議無關
<script>
var a=1;
</script>
<script>
console.log(a);//1
</script>
var a=1;//undefined 1 function fn(){ console.log(a);//undefined var a=2;//undefined 2 } fn(); console.log(a);//1
當函式內部沒有var時，不會進行預決議，變數就會通過作用域鏈進行查找
如果函式內部存在var，會進行預決議，變數提前列印就會是undefined
var a=1;//undefined 1 function fn(){ console.log(a);//1 沒有var進行預決議，通過作用域鏈找到外面的a a=2;//沒有var進行預決議，通過作用域鏈改變a } fn(); console.log(a);//2
引數作為區域變數，也會進行預決議
var a=1;//undefined 1 function fn(a){ //a作為引數，也是區域變數，也會進行預決議 console.log(a);//undefined a=2;//此處修改引數a為2，全域變數沒有影響 } fn(); console.log(a);//1
var a=1;//undefined 1 function fn(a){ //a作為引數，也是區域變數，也會進行預決議 console.log(a);//undefined 1 a=2;//此處修改引數a為2，全域變數沒有影響 } fn(a);//執行時引數為a=1 console.log(a);//1
記憶體管理與垃圾收集機制
釋放無用的資料，回收記憶體
自動 JS
手動 Objective-C
原理：找出無用的資料，打上標記，釋放記憶體；周期性執行
標記策略：標記清除 參考計數（不常用）
IE
JS : BOM DOM
老版本IE的BOM和DOM，是在c++ COM的基礎上來實作的，基于參考計數法
因此即使使用了標記清除法，還是存在回圈參考的問題
記憶體管理
設定為null，即為解除參考
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/33833.html
標籤：其他
上一篇：求救！用msp430 printf之后亂碼 不知道怎么解決，救命！
下一篇：cc2530與單片機串口通訊