來簡單說說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
  • 前言 在我們開發過程中基本上不可或缺的用到一些敏感機密數據,比如SQL伺服器的連接串或者是OAuth2的Secret等,這些敏感數據在代碼中是不太安全的,我們不應該在源代碼中存儲密碼和其他的敏感數據,一種推薦的方式是通過Asp.Net Core的機密管理器。 機密管理器 在 ASP.NET Core ...
  • 新改進提供的Taurus Rpc 功能,可以簡化微服務間的調用,同時可以不用再手動輸出模塊名稱,或調用路徑,包括負載均衡,這一切,由框架實現並提供了。新的Taurus Rpc 功能,將使得服務間的調用,更加輕鬆、簡約、高效。 ...
  • 順序棧的介面程式 目錄順序棧的介面程式頭文件創建順序棧入棧出棧利用棧將10進位轉16進位數驗證 頭文件 #include <stdio.h> #include <stdbool.h> #include <stdlib.h> 創建順序棧 // 指的是順序棧中的元素的數據類型,用戶可以根據需要進行修改 ...
  • 前言 整理這個官方翻譯的系列,原因是網上大部分的 tomcat 版本比較舊,此版本為 v11 最新的版本。 開源項目 從零手寫實現 tomcat minicat 別稱【嗅虎】心有猛虎,輕嗅薔薇。 系列文章 web server apache tomcat11-01-官方文檔入門介紹 web serv ...
  • C總結與剖析:關鍵字篇 -- <<C語言深度解剖>> 目錄C總結與剖析:關鍵字篇 -- <<C語言深度解剖>>程式的本質:二進位文件變數1.變數:記憶體上的某個位置開闢的空間2.變數的初始化3.為什麼要有變數4.局部變數與全局變數5.變數的大小由類型決定6.任何一個變數,記憶體賦值都是從低地址開始往高地 ...
  • 如果讓你來做一個有狀態流式應用的故障恢復,你會如何來做呢? 單機和多機會遇到什麼不同的問題? Flink Checkpoint 是做什麼用的?原理是什麼? ...
  • C++ 多級繼承 多級繼承是一種面向對象編程(OOP)特性,允許一個類從多個基類繼承屬性和方法。它使代碼更易於組織和維護,並促進代碼重用。 多級繼承的語法 在 C++ 中,使用 : 符號來指定繼承關係。多級繼承的語法如下: class DerivedClass : public BaseClass1 ...
  • 前言 什麼是SpringCloud? Spring Cloud 是一系列框架的有序集合,它利用 Spring Boot 的開發便利性簡化了分散式系統的開發,比如服務註冊、服務發現、網關、路由、鏈路追蹤等。Spring Cloud 並不是重覆造輪子,而是將市面上開發得比較好的模塊集成進去,進行封裝,從 ...
  • class_template 類模板和函數模板的定義和使用類似,我們已經進行了介紹。有時,有兩個或多個類,其功能是相同的,僅僅是數據類型不同。類模板用於實現類所需數據的類型參數化 template<class NameType, class AgeType> class Person { publi ...
  • 目錄system v IPC簡介共用記憶體需要用到的函數介面shmget函數--獲取對象IDshmat函數--獲得映射空間shmctl函數--釋放資源共用記憶體實現思路註意 system v IPC簡介 消息隊列、共用記憶體和信號量統稱為system v IPC(進程間通信機制),V是羅馬數字5,是UNI ...