javascript作用域簡單介紹
作用域在javascript中是必須要掌握的一個知識點,但對於初學者來說往往會造成不小的麻煩,下面就簡單介紹一下這個知識點,讓初學者能夠對此有個簡單的瞭解,並且,能夠實現基本的應用。
一.變數的宣告:
變數的作用域和變數的宣告有直接關係,下面先介紹一下變數宣告的幾種方式:
[JavaScript] 純文字檢視 複製程式碼var value; var value,value1,value2;//同時宣告多個變數,但是這些變數的值都是undefined var i = 0,j = 0,k=100;//變數宣告,初始化一體。
如果檢視讀取不存在的變數的值會報錯,但是給未使用var宣告的變數賦值,javascript會隱式的宣告此變數,並且此變數的作用域是全域性,所以建議在宣告變數的時候儘可能的使用var 關鍵字。
二.變數的作用域:
[JavaScript] 純文字檢視 複製程式碼var golbal = "golbal"; //全域性變數 var local ="local";//全域性變數 function area(){ var local = "arealocal";//區域性變數的優先順序比全域性變數的高 var golbal ="areagolbal"; //當函式體內宣告的變數名和全域性變數名相同時,javascript會隱藏全域性變數 document.write("local is :"+local + "and golbal is :" + golbal +"<br />"); } area();
在函式體外宣告的變數作用域是全域性的,可以在全域性範圍內使用,在函式體內宣告的變數作用域限於宣告所在的函式。如果如果函式體內的變數名和全域性變數是相同的,那麼在此區域性作用域內,全域性變數會被隱藏。
再來看一個程式碼例項:
[JavaScript] 純文字檢視 複製程式碼var variable="全域性變數";//全域性變數 function a(){ var variable ="函式a內的區域性變數";//區域性變數 //巢狀函式 function aa(){ var variable="函式aa內的區域性變數";//區域性變數</P> var x="螞蟻部落"; document.write(variable); } console.log(variable); } a();
相關文章
- javascript作用域和作用域鏈簡單介紹JavaScript
- javascript函式讀取變數作用域簡單介紹JavaScript函式變數
- javascript變數作用於簡單介紹JavaScript變數
- js 函式作用域鏈簡單介紹JS函式
- JavaScript 簡單介紹JavaScript
- position:fixed作用簡單介紹
- noscript的作用簡單介紹
- javascript資料型別和作用域介紹JavaScript資料型別
- javascript中cookie的secure屬性的作用簡單介紹JavaScriptCookie
- 簡單介紹克隆 JavaScriptJavaScript
- javascript物件簡單介紹JavaScript物件
- javascript this指向簡單介紹JavaScript
- javascript加密簡單介紹JavaScript加密
- javascript作用域簡單例項程式碼JavaScript單例
- 簡單介紹JavaScript閉包JavaScript
- JavaScript希爾排序簡單介紹JavaScript排序
- javascript constructor簡單介紹JavaScriptStruct
- javascript建立物件簡單介紹JavaScript物件
- javascript的this用法簡單介紹JavaScript
- javascript arguments用法簡單介紹JavaScript
- javascript 變數簡單介紹JavaScript變數
- javascript簡單模板引擎介紹JavaScript
- require.js的作用簡單介紹UIJS
- JavaScript return語句簡單介紹JavaScript
- javascript鏈式呼叫簡單介紹JavaScript
- javascript除法運算簡單介紹JavaScript
- javascript &&和||運算子簡單介紹JavaScript
- javascript方法過載簡單介紹JavaScript
- javascript遞迴概念簡單介紹JavaScript遞迴
- JavaScript this指向解綁簡單介紹JavaScript
- javascript陣列操作簡單介紹JavaScript陣列
- javascript with()語句用法簡單介紹JavaScript
- javascript匿名函式簡單介紹JavaScript函式
- javascript的in運算子簡單介紹JavaScript
- javascript變數宣告簡單介紹JavaScript變數
- javascript氣泡排序簡單介紹JavaScript排序
- 如何學習javascript簡單介紹JavaScript
- javascript生命週期簡單介紹JavaScript