前端康家財2019年6月份工作總結-諾千科技
6月份,和之前一樣,比較忙碌。主要工作類容有:1、8號之前,完成alasoyo小程序拼團板塊和醫美整容用戶咨詢板塊。2、編寫境遠官網PC端和移動端的前端靜態頁面。3、編寫中國農業銀行H5小商城的前端靜態頁面。雖然這個月的工作內容沒有什么難度,但是由于時間緊迫,還是帶來了不小的壓力。但好在是每個項目進展的都還算順利,有條不紊的完成了任務。
從這個月開始,我除了會總結一下當月的工作內容外,也會總結一下本人利用閑暇時間或者下班回家的時間來給自己充電的一些知識,就當作是自己的一個月一次小結,希望每月都會有那么一點點的進步。
那么在之前一直說深入學習一下JavaScript ES6的一些新增知識點,但是都還是一直停留在看一些技術博客說的一下零碎的東西,但是在這個月我也用了一點時間開始系統的深入學習。
聲明變量let和const。
在ES5中,我們一直用的都是var 來聲明一個變量,ES6 新增了let命令,用來聲明變量。它的用法類似于var,但是所聲明的變量,只在let命令所在的代碼塊內有效。這里的提到了一個塊級作用域的概念,我的理解就是大括號{}里面會形成作用域,而如果在大括號{}外面使用大括號{}內部的一個變量,是不被允許的,控制臺中會報錯。但是{}里面是可以正常使用{}外面的的變量。這實際上是let為 JavaScript 新增了塊級作用域。因為在ES5中只有全局作用域和函數作用域,這帶來很多不合理的場景。比如內層變量可能會覆蓋外層變量或者for循環的循環變量會泄漏為全局變量。如圖:

那么這里可以得到let 和 var之間的一個區別,就是前者聲明的變量會被限制在塊級作用域里面使用,后者是沒有這個塊級作用域的限制的。另外,用let來聲明變量不會有變量提升的現象出現了,在以往用var來聲明變量的時候就會有變量可以在聲明之前使用的現象,如果在聲明之前在控制臺打印出來會是underfined。這種現象多多少少是有些奇怪的,按照一般的邏輯,變量應該在聲明語句之后才可以使用。為了糾正這種現象,let命令改變了語法行為,它所聲明的變量一定要在聲明后使用,否則報錯。如圖:
不允許重復聲明,如圖:
Let不允許重復聲明,可以有效的管理我們在項目中的變量命名,就不會出現變量污染的情況了。
在ES6中,除了let,還新增了一個const命令來聲明一個只讀常量。一旦聲明,常量的值就不能改變。
這樣我們就可以在將我們的項目中一些常用的固定模塊,參數用const來生命,這樣可以避免自己或者其他開發者修改了你不想被別人修改的值。另外const命令和上面介紹let的作用域相同,都只在聲明所在的塊級作用域內有效。
const實際上保證的,并不是變量的值不得改動,而是變量指向的那個內存地址所保存的數據不得改動。對于基本類型的數據(數值、字符串、布爾值),值就保存在變量指向的那個內存地址,因此等同于常量。但對于引用類型的數據(主要是對象和數組),變量指向的內存地址,保存的只是一個指向實際數據的指針,const只能保證這個指針是固定的(即總是指向另一個固定的地址),至于它指向的數據結構是不是可變的,就完全不能控制了。因此,將一個對象聲明為常量必須非常小心。如圖:
以上就是我目前所了解的關于ES6的let命令和const命令的基本用法和一些特性。在這里做一個小結。
康家財
2019.06.30
掃二維碼關注諾千科技
19909697910 / 15656989941
0551-65285599 / 0551-65428099
330592165
http://www.fscomfort.com.cn/
地址:安徽省合肥市高新區創新大道2700號路歌大廈A座6樓
CONTACT NUOQIAN
如果你認同“術業有專攻”的理念,請給我們留言,告知你的需求,
我們會提供專業的互聯網解決方案。