js中const和var的簡單介紹

本文目錄一覽：

• 1、JavaScript ES6中var，let，const分別什麼時候使用
• 2、let var const聲明變量區別是什麼？
• 3、js中的常用函數
• 4、js const 和 var 的區別
• 5、var、let、const三者之間的區別和聯繫有哪些？

JavaScript ES6中var，let，const分別什麼時候使用

如果在條件循環語句里用var申明的變量在循環外也可以引用，let 則不行，希望變量是局部變量時使用let最好，var一不小心就申明了全局變量了，const用來聲明靜態變量的 ，變量值不會改變的變量

let var const聲明變量區別是什麼？

而常量更普通的意義在於它不是變量。不同的系統約定也不一樣。es5之後又細分出了let（變量）const（常量）這兩種類型。但是const的出現也表示js腳本開始走向類如java，c#那種重型語言的編寫方式，明確細分了常量和變量。

let對比var都是變量(var沒有變量常量一說，但ES5之後其行為與let類似)，但是，var和let有很大區別，簡單理解就是作用域變了，使用變量需要先聲明在賦值後使用的流程。

let繼承了這種流程，而var沒有，在代碼里的體現就是，let只在定義它的上一個大括號內及其所有子方法體起作用，比如方法中定義let則出了這個方法就沒法使用到這個let，同級別的兩個方法，可以各自定義一個同名let變量。

變量

是程序中數據的臨時存放場所。在代碼中可以只使用一個變量，也可以使用多個變量，變量中可以存放單詞、數值、日期以及屬性。由於變量讓你能夠把程序中準備使用的每一段數據都賦給一個簡短、易於記憶的名字，因此它們十分有用。

變量可以保存程序運行時用戶輸入的數據（如使用InputBox函數在屏幕上顯示一個對話框，然後把用戶鍵入的文本保存到變量中）、特定運算的結果以及要在窗體上顯示的一段數據等。簡而言之，變量是用於跟蹤幾乎所有類型信息的簡單工具。

js中的常用函數

下面介紹全頁面刷新方法：有時候可能會用到

window.location.reload()刷新當前頁面.

parent.location.reload()刷新父親對象（用於框架）

opener.location.reload()刷新父窗口對象（用於單開窗口）

top.location.reload()刷新最頂端對象（用於多開窗口）

下面再介紹一些javascript基本函數 

1.document.write(」”);為 輸出語句 

2.js中的注釋為// 

3.傳統的html文檔順序是:document-html-(head,body) 

4.一個瀏覽器窗口中的dom順序是:window-(navigator,screen,history,location,document) 

5.得到表單中元素的名稱和值:document.getelementbyid(」表單中元素的id號」).name(或value) 

6.一個小寫轉大寫的js: document.getelementbyid(」output」).value = document.getelementbyid (」input」).value.touppercase(); 

7.js中的值類型:string,number,boolean,null,object,function 

8.js中的字符型轉換成數值型:parseint(),parsefloat() 

9.js中的數字轉換成字符型:(」”+變量) 

10.js中的取字符串長度是:(length) 

11.js中的字符與字符相連接使用+號. 

12.js中的比較操作符有:==等於,!=不等於,,=,.= 

13.js中聲明變量使用:var來進行聲明 

14.js中的判斷語句結構:if(condition){}else{} 

15.js中的循環結構:for([initial expression];[condition];[upadte expression]) {inside loop} 

16.循環中止的命令是:break 

17.js中的函數定義:function functionname([parameter],…){statement[s]} 

18.當文件中出現多個form表單時.可以用document.forms[0],document.forms[1]來代替. 

19.窗口:打開窗口window.open(), 關閉一個窗口:window.close(), 窗口本身:self 

20.狀態欄的設置:window.status=」字符」; 

21.彈出提示信息:window.alert(」字符」); 

22.彈出確認框:window.confirm(); 

23.彈出輸入提示框:window.prompt(); 

24.指定當前顯示鏈接的位置:window.location.href=」url」 

25.取出窗體中的所有表單的數量:document.forms.length 

26.關閉文檔的輸出流:document.close(); 

27.字符串追加連接符:+= 

28.創建一個文檔元素:document.createelement(),document.createtextnode() 

29.得到元素的方法:document.getelementbyid() 

49.引用一個文件式的js: 

50.指定在不支持腳本的瀏覽器顯示的html: 

51.當超鏈和onclick事件都有時,則老版本的瀏覽器轉向a.html,否則轉向b.html.例: dfsadf  

52.js 的內建對象 有:array,boolean,date,error,evalerror,function,math,number,object,rangeerror,referenceerror,regexp,string,syntaxerror,typeerror,urierror 

53.js中的換行:/n 

54.窗口全屏大小:function fullscreen(){ this.moveto(0,0);this.outerwidth=screen.availwidth;this.outerheight=screen.availheight;}window.maximize=fullscreen; 

55.js中的all代表其下層的全部元素 

56.js中的焦點順序:document.getelementbyid(」表單元素」).tabindex = 1 

 57.innerhtml的值是表單元素的值:如how are you,則innerhtml的值就是:how are you

58.innertext的值和上面的一樣,只不過不會把em這種標記顯示出來. 

59.contenteditable可設置元素是否可被修改,iscontenteditable返回是否可修改的狀態. 

60.isdisabled判斷是否為禁止狀態.disabled設置禁止狀態 

61.length取得長度,返回整型數值 

62.addbehavior()是一種js調用的外部函數文件其擴展名為.htc 

63.window.focus()使當前的窗口在所有窗口之前. 

64.blur()指失去焦點.與focus()相反. 

65.select()指元素為選中狀態. 

66.防止用戶對文本框中輸入文本:onfocus=」this.blur()」 

67.取出該元素在頁面中出現的數量:document.all.tags(」div(或其它html標記符)」).length 

68.js中分為兩種窗體輸出:模態和非模態.window.showmodaldialog(),window.showmodeless() 

69.狀態欄文字的設置:window.status=『文字』,默認的狀態欄文字設置:window.defaultstatus = 『文字.』; 

70.添加到收藏夾:external.addfavorite(」」,」google」); 

71.js中遇到腳本錯誤時不做任何操作:window.onerror = donothing; 指定錯誤句柄的語法為:window.onerror = handleerror; 

72.js中指定當前打開窗口的父窗口:window.opener,支持opener.opener…的多重繼續. 

73.js中的self指的是當前的窗口 

74.js中狀態欄顯示內容:window.status=」內容」 

75.js中的top指的是框架集中最頂層的框架 

76.js中關閉當前的窗口:window.close(); 

77.js中提出是否確認的框:if(confirm(」are you sure?」)){alert(」ok」);}else{alert(」not ok」);} 

78.js中的窗口重定向:window.navigate(」」); 

79.js中的打印:window.print() 

80.js中的提示輸入框:window.prompt(」message」,」defaultreply」); 

81.js中的窗口滾動條:window.scroll(x,y) 

82.js中的窗口滾動到位置:window.scrollby 

83.js中設置時間間隔:setinterval(」expr」,msecdelay)或setinterval(funcref,msecdelay)或settimeout 

84.js中的模態顯示在ie4+行,在nn中不行:showmodaldialog(」url」[,arguments][,features]); 

85.js中的退出之前使用的句柄:function verifyclose(){event.returnvalue=」we really like you and hope you will stay longer.」;}}   window.onbeforeunload=verifyclose; 

86.當窗體第一次調用時使用的文件句柄:onload() 

87.當窗體關閉時調用的文件句柄:onunload() 

88.window.location的屬性: protocol(http:),hostname(),port(80),host(),pathname(」/a/a.html」),hash(」#giantgizmo」,指跳轉到相應的錨記),href(全部的信息) 

89.window.location.reload()刷新當前頁面. 

89-1.parent.location.reload()刷新父親對象（用於框架） 

89-2.opener.location.reload()刷新父窗口對象（用於單開窗口） 

89-3.top.location.reload()刷新最頂端對象（用於多開窗口） 

90.window.history.back()返回上一頁,window.history.forward()返回下一頁,window.history.go(返回第幾頁,也可以使用訪問過的url) 

91.document.write()不換行的輸出,document.writeln()換行輸出 

92.document.body.nowrap=true;防止鏈接文字折行. 

93.變量名.charat(第幾位),取該變量的第幾位的字符. 

94.」abc」.charcodeat(第幾個),返回第幾個字符的ascii碼值. 

95.字符串連接:string.concat(string2),或用+=進行連接 

96.變量.indexof(」字符」,起始位置),返回第一個出現的位置(從0開始計算) 

97.string.lastindexof(searchstring[,startindex])最後一次出現的位置. 

98.string.match(regexpression),判斷字符是否匹配. 

99.string.replace(regexpression,replacestring)替換現有字符串. 

100.string.split(分隔符)返回一個數組存儲值. 

101.string.substr(start[,length])取從第幾位到指定長度的字符串. 

102.string.tolowercase()使字符串全部變為小寫. 

103.string.touppercase()使全部字符變為大寫. 

104.parseint(string[,radix(代表進制)])強制轉換成整型. 

105.parsefloat(string[,radix])強制轉換成浮點型. 

106.isnan(變量):測試是否為數值型. 

107.定義常量的關鍵字:const,定義變量的關鍵字:var 

js const 和 var 的區別

const的話，其作用域和let一樣，都是塊作用域的，並且呢，如果const變量是基本類型值，則值不可變，如果值為引用類型數據結構，那麼其引用的變量不可變，當然啦，const初始化的時候必須要賦值。不允許變量提升，也就是說，先使用，再初始化，這個會報錯,也不允許重定義。

var的話，其是函數作用域的，其值修改，允許變量提升，也允許多次重定義。

不過一般來說的話，假設在兼容允許的範圍內，優先考慮let和const，因為其語法更規範，會使得我們的代碼減少犯錯的幾率。

當然啦，如果想進一步了解其相關知識點，可以參考文章

Javascript基礎之-var，let和const深入解析（一）

Javascript基礎之-var，let和const深入解析（二）

var、let、const三者之間的區別和聯繫有哪些？

var 是es5之前當然之後也可以這麼寫的寫法！

es5之後又細分出了let（變量）const（常量）這兩種類型。

但是const的出現也表示js腳本開始走向類如java，c#那種重型語言的編寫方式，明確細分了常量和變量。

然後let對比var都是變量(var沒有變量常量一說，但ES5之後其行為與let類似)，但是，var和let有很大區別，簡單理解就是作用域變了，如果你學過後端語言的話，你會知道，使用變量需要先聲明在賦值後使用的流程，let繼承了這種流程，而var沒有，在代碼里的體現就是，let只在定義它的上一個大括號內及其所有子方法體起作用，比如方法中定義let則出了這個方法就沒法使用到這個let，同級別的兩個方法，可以各自定義一個同名let變量。

其實說起來，你可能沒有感覺，因為你用var的時候可能也是這麼用的，但是let是被嚴格約束可以這麼用，而var其實是無約束的，在某些時候是亂竄。也就是你看到的是你想看的，但它裏面的運行不是你所想的！簡單來說，var的作用域是混亂的，同父子作用域下var可以被多次定義。而let不能！

const也是繼承了後端的常量思想，一旦定義，無法被修改，也不能被修改，也不應該被修改，如果你想改變以上3條中的任何一條，都不要使用const！所以const一般用於存儲固定不變的內容，比如系統信息里的名字啊，系統風格啊，審批號啊之類的，不是不能變，而是應該通過人為干預手寫的方式來改變其值，不能不應通過代碼的方式來賦值(初值除外)！