從零開始學習前端JAVASCRIPT — 10、JavaScript基礎ES6(ECMAScript6.0)

来源:https://www.cnblogs.com/witkeydu/archive/2018/02/02/8405334.html
-Advertisement-
Play Games

未完待續...... ECMAScript 6.0(簡稱ES6)是JavaScript語言的下一代標準,已經在2015年6月正式發佈了。它的目標,是使得JavaScript語言可以用來編寫複雜的大型應用程式,成為企業級開發語言。各大瀏覽器的最新版本,隨著時間的推移,支持度已經越來越高了,ES6的大部 ...


未完待續......

 

ECMAScript 6.0(簡稱ES6)是JavaScript語言的下一代標準,已經在2015年6月正式發佈了。它的目標,是使得JavaScript語言可以用來編寫複雜的大型應用程式,成為企業級開發語言。各大瀏覽器的最新版本,隨著時間的推移,支持度已經越來越高了,ES6的大部分特性都實現了。那麼也就意味著低版本瀏覽器是不支持ES6的。

1:let/const 聲明變數關鍵字

1)let關鍵字特點

  • let聲明的變數只在所在的塊級作用域內有效(塊級作用域特點:不受外部環境影響和內部代碼塊影響)

 

  • js預解析時不存在變數的提升定義,存在暫時性死區,聲明語句位置後使用,否則異常

 

  • 暫時性死區(釋義:let聲明的變數進入所在作用域已存在,未聲明前使用報錯,受封閉作用域,不受外部的影響)

 

  • 不允許重覆聲明,重覆聲明異常 

 

2)const關鍵字特點

  • const定義的常量是不允許改變值,聲明和賦值必須放在一起,只聲明不賦值,就會報錯

 

  • 擁有和let關鍵字的所有的特點

 

  • const常量定義關鍵字定義的複合類型的變數,變數名不指向存儲的數據,指向數據的存儲地址,const定義的變數控制的是指向的地址不變,並不是該地址指向的數據不變

 

3)const命令和let命令的區別

頂層對象,在瀏覽器環境指的是window對象,在Node指的是global對象。ES5之中,頂層對象的屬性與全局變數是等價的

ES6全局變數將逐步與頂層對象的屬性脫鉤:

let命令、const命令、class命令聲明的全局變數,不屬於頂層對象的屬性。

var命令和function命令聲明的全局變數,依舊是頂層對象的屬性(保證相容性)


2:變數結構賦值

ES6允許按照一定模式,從數組和對象中提取值,對變數進行賦值,這被稱為解構(Destructuring)

“模式匹配”,只要等號兩邊的模式相同,左邊的變數就會被賦予對應的值。

解構賦值允許指定預設值


 

3:字元串擴展

 

 


4:數值擴展

 

 


5:數組擴展

 

 


6:函數擴展

 

 


7.對象擴展

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1.使用加減法; 2.使用乘除法(乘除法更像是加減法向乘除運算的映射) 註意:該方法可以交換整型和浮點型數值的變數,但在處理浮點型的時候有可能出現精度的損失 而且乘除時b不能為0; 3.使用數組的靈活性 ...
  • 本文最初發表於 "博客園" ,併在 "GitHub" 上持續更新 前端的系列文章 。歡迎在GitHub上關註我,一起入門和進階前端。 以下是正文。 offset簡介 我們知道,三大家族包括:offset/scroll/client。今天來講一下offset,以及與其相關的勻速動畫。 offset的中 ...
  • jQuery通過選擇器來完成節點的查找: 1、基本選擇器: ①通用/所有的選擇器:$("*") //使用*號來表示。 ②:標簽選擇器:$("標簽名(div)")//使用標簽名字來定位 ③:id選擇器:$("#id") ④:類選擇器:$(".class") ⑤:群組選擇器(並集):$("table,t ...
  • 最近應為業務需求需要開發一個任務調度後臺,實現一個甘特圖( 類似上學時候的課程表,‘時間/課程/代課老師’ 轉換為: “時間/任務/執行人'”)。參考圖片: 每一行的00:00到24:00部分的 <div class="tr-right draggable ui-widget-content"> 是 ...
  • 最近正在複習,緊張地準備幾天後的筆試,然後剛好看到這個地方。 block:塊級元素,會換行,如div,p,h1~h6,table這些,可以設置寬高; inline:行內元素,不換行,擠在一行顯示,如span,a,i,em,strong,mark,input,button之類,不能設置寬高。 inli ...
  • 前言 “哈?要搞3D?” “恩,之後一個項目要建造一棟樓,要靠你了少年!” 於是我默默的打開了 webgl新手入門手冊 http://www.hewebgl.com/article/getarticle/27 後來,我成功的完成了這個這個3d樓層。http://wisdom.pppppc.com/h ...
  • 寫在前面 ,學好css,需要長期的推敲和積累 ,細節是不斷完善的,逐漸形成自己的風格 讓自己的css更加接近優雅. 下麵來總結一些我覺得比較好的css代碼風格 : 1. 一般網頁中的背景 用背景時 設置為行內樣式 style="background-image: url(img/01.jpg)"; ...
  • 原材料知識點:hover html: css: ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...