來簡單說說var,let,const,function,import,class

来源:https://www.cnblogs.com/dy105525/archive/2020/02/16/12318957.html
-Advertisement-
Play Games

一、var和let var已經在JavaScript中存在很長一段時間了,但是它存在了一些不足的地方,接下來我們就來看看吧 首先var存在變數提升,這是怎麼一回事呢,我們看下麵代碼 為什麼是它呢,是因為變數a提升到前面去了,所以輸出了這個結果 接下來我們再看let 初始化無法訪問到 a let是不是 ...


一、var和let

     var已經在JavaScript中存在很長一段時間了,但是它存在了一些不足的地方,接下來我們就來看看吧

首先var存在變數提升,這是怎麼一回事呢,我們看下麵代碼

 

 

 為什麼是它呢,是因為變數a提升到前面去了,所以輸出了這個結果

接下來我們再看let

 

 

 初始化無法訪問到  a  

let是不是變數聲明很好,這是ES6中為了使我們的編程更加的規範而提出的。變數的使用在聲明之後更加的規範

如果存在於塊級作用域中l,接下來看代碼

 

 

 在上面的塊中我們的let存在於裡面,在外層我們是讀取不到的

那我們的var怎麼樣,看下麵

接下來我們就要說說let是存在一個“暫時性死區”的,就是說在變數使用let聲明的話必須是在聲明之後調用而且必須是在當前的塊中才可以的,不然就會出現未定義。

而且我們的let是不能進行重覆shengsheng聲明的,不然也是會報錯的。當然var就不會出現這個問題了。

 

 

 好了,以上就介紹的差不多了,需深刻領會的必須自己進行實踐才可以的

二、const

    const和我們的let是一樣的不能進行重覆聲明,也存在“暫時性死區”,而且const的話就相當於C語言中定義的一個常數而不能進行改變,並且const聲明後不賦值就會報錯的。

如果const是一個數組或者是一個對象,那麼可以向裡面添加屬性或者時內容的,接下來我們看下麵的代碼了。

 

 

 

 

 

 

好了,我們的const介紹到這裡吧。

 

 

三、function和class

  為什麼我把他們連到一起來說,因為我們的class實際上就是我們的function構成的

這裡還要說一下我們的function的聲明實際上需要往好的方式來進行寫的,為什麼這麼來說?

我們需要將function聲明的進行如下方式來書寫

 

 

 為什麼我們這麼來寫呢,因為這是在塊級作用域中來進行書寫的,讓let給一個聲明就不會出現變數的提升。

當然現在由於我們的瀏覽器和編譯環境(這裡指的node等等)的問題他們的規範是不一樣的,有些聲明的函數直接是當做var,或者是let來的。所以我們儘量不要在塊區域來聲明函數,儘量在全局

來進行聲明,如果要聲明就是上面的那種方式了。

好了接下來說說我們的class,直接看代碼吧

 

 

 constructor就是我們的構造器,它是預設存在的,那麼this的指向呢,當然是我們的Person了。接下來還有下麵的方式

 

 

 裡面新增加的函數直接書寫成上面的方式即可,還有靜態strict的書寫方式,這裡我就不在舉例了。看了上面的代碼,我相信這種類的方式是對我們以後代碼的編寫是很有幫助的。

說到這裡我想到了函數裡面的prototype,實際上我們的類就是居於這個原理來實現的,我們還是來看看代碼吧

 

 

 這個有點像原型鏈調用的方式,還有繼承的問題,這裡就不做過多的闡述了。具體的需要自己去實踐才可以出真理的吧。

四、import

靜態的import 語句用於導入由另一個模塊導出的綁定,它是在嚴格模式下運行的,如下代碼

看下官方的語法:

import defaultExport from "module-name";

當然在瀏覽器中,import 語句只能在聲明瞭 type="module" 的 script 的標簽中使用。我們做項目使用VUE,react框架時使用這些就比較常見,好了我就不過多介紹了,有興趣的話可以在去理解理解


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

-Advertisement-
Play Games
更多相關文章
  • 該文為《 MySQL 實戰 45 講》的學習筆記,感謝查看,如有錯誤,歡迎指正 一、查詢和更新上的區別 這兩類索引在查詢能力上是沒差別的,主要考慮的是對更新性能的影響。建議儘量選擇普通索引。 1.1 MySQL 的查詢操作 普通索引 查找到第一個滿足條件的記錄後,繼續向後遍歷,直到第一個不滿足條件的 ...
  • 隱式類型轉換簡介 通常ORACLE資料庫存在顯式類型轉換(Explicit Datatype Conversion)和隱式類型轉換(Implicit Datatype Conversion)兩種類型轉換方式。如果進行比較或運算的兩個值的數據類型不同時(源數據的類型與目標數據的類型),而且此時又沒有轉... ...
  • 前幾篇文章,我也是費勁心思寫了一個ListView系列的三部曲,雖然在內容上可以說是絕對的精華,但是很多朋友都表示看不懂。好吧,這個系列不僅是把大家給難倒了,也確實是把我給難倒了,之前為了寫瀑布流ListView的Demo就寫了大半個月的時間。那麼本篇文章我們就講點輕鬆的東西,不去分析那麼複雜的源碼 ...
  • 本文針對常用控制項(Textview、Button、EditText、RadioButton、CheckBox、ImageView)進行簡單說明 ...
  • 1、雲資料庫 一、介紹 雲開發提供了一個 JSON 資料庫,顧名思義,資料庫中的每條記錄都是一個 JSON 格式的對象。一個資料庫可以有多個集合(相當於關係型數據中的表),集合可看做一個 JSON 數組,數組中的每個對象就是一條記錄,記錄的格式是 JSON 對象。 關係型資料庫和 JSON 資料庫的 ...
  • 1、工具下載 官方鏈接:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 我選用的是穩定版 macOS 2、項目創建 一、掃碼登錄開發工具 二、點擊小程式創建項目 我這裡選擇是小程式雲開發,appid是登錄 ...
  • 現在Chrome瀏覽器已經很好的支持ES6了,但有些低版本的瀏覽器或其他瀏覽器還是不支持ES6的語法,因此實際項目開發或上線過程中就需要把ES6的語法轉變成ES5的語法。項目開發過程中 Webpack 有自動編譯轉換功能,因此免去了環境搭建這一步。但除了Webpack自動編譯外,我們還可以用Babe ...
  • 滑鼠事件 .click 滑鼠單擊 .dblclick 滑鼠雙擊 // 單擊事件 $("a").click(function(){ $("img").eq($(this).index()) // 獲取當前點擊的a的index .css({"opacity":"1"}) .siblings() .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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...