什麼是javascript?javascript需要學哪些內容?這篇文章告訴你!

2020-12-23 尚學堂前端學院

主要內容:

js的前世今生js的語法結構Javascript名詞解釋Javascript變量命名規則(重點)Javascript數據類型(重點)Javascript運算符(重點)學習目標:

四、Javascript變量命名規則(重點)

4.1 聲明變量

變量是幹什麼的,是存儲數據的,那存儲什麼種類數據呢?

聲明變量使用關鍵字:var(variable)

你給它賦什麼類型的值,那麼這個變量就是什麼數據類型。

內存中堆區和棧區

4.1.1 單獨聲明

4.1.2 多個變量聲明,中間用逗號隔開

4.1.3 重複聲明

4.1.4 遺漏聲明

4.1.5 顯示聲明與隱式聲明區別

JS中變量聲明分顯式聲明和隱式聲明。

var name = 'muzidigbig';//顯示聲明

name = 'muzidigbig';//隱式聲明(為全局對象(window)的一個屬性

4.2 JavaScript 嚴格模式(use strict)

4.3 變量提升

變量一定要先聲明後使用,如果先使用後聲明,js的內部機制自然使變量提升。

4.4 let 和var 的區別

var:variable,它是可變的。

let:塊作用域。

4.5 變量的命名規則

變量的命名:變量是由字母,數字,下劃線,$組成,但第一個字符必須是字母或者是下劃線,$開頭。

$:不建議使用,它可能會和其他的框架語法衝突,或者是函數的名字衝突

(1)JavaScript語言的標識符對大小寫敏感,所以a和A是兩個不同的標識符。

(2)首字母可以是任意字母以及美元符號和下劃線。剩餘可以是任意字母,美元符號,下劃線和數字

(3)不能使用javascript中的關鍵字(保留字)來命名變量

(4)中文也可以聲明變量,不建議使用它。

4.6 變量的命名方式

1) 變量的命名規則

第一種命名:帕斯卡命名(大駝峰式命名

每個單詞的首字符大寫

例如:UserName。

第二種命名小駝峰式命名

首個單詞的首字母小寫其他後面單詞的首字母大寫

例如:

例如:userName

第三種命名:匈牙利式命名

數據類型+單詞(變量名)

Integer+age

Iage = 25;

String+address

Saddress = 「西安」;

五、Javascript數據類型(重點)

數據類型分類:

在此基本的數據類型的基礎上又增加了一個基本數據類型:Symbol,Symbol 是 ES6 引入了一種新的原始數據類型,表示獨一無二的值。

5.1 列印變量的數據類型:typeof

請注意:

NaN 的數據類型是 number

數組(Array)的數據類型是 object

日期(Date)的數據類型為 object

null 的數據類型是 object

未定義變量的數據類型為 undefined

5.1 基本數據類型

5.1.1數字類型(number)

c語言中:

int(整數),float(單精度浮點型),double(雙精度浮點型),char(字符),string(字符串)。

二進位(binary):0b101010101

八進位:0o2535

十六進位:0x69852

進位轉換:

toSring():十進位轉換其他的進位

parseInt():其他的進位轉換十進位

最大值:MAX_VALUE

最小值:MIN_VALUE

浮點數不能比較

NaN:Not aNumber:不是一個數值

一些特殊情況(除數為0,最大值變化)

5.1.3布爾類型(boolean)

true(真),false(假),都是小寫的。

TRUE,FALSE,True,False:這些都不正確。

5.1.2字符串類型(string)

字符串:加單引號或者是雙引號

字符串連接:使用的是+

模板字符串:

5.1.4 undefined

typeof

5.1.5 null

typeof

null == undefined

5.1.6 null和undefined的區別

1.類型不相等

2.強制類型轉換值不一樣

var re1 = Number(undefined);//NaN

var re2 = Number(null);//0

3. 比較

Null == undefined//true

Null === undefined//false

5.2 引用類型(object)

六、Javascript運算符(重點)

6.1算術運算符

+,-,*,/,%(求餘數),++,--,**(求冪數-es7新增)

實例練習:

6.2一元運算符

+(正),-(負數),++,--

兩數交換

6.3 比較(關係)運算符

>,<,>=,<=,!=,!==(不全等),==,===(全等:值和類型都相等)

6.4邏輯運算符

&&:邏輯與,兩個必須同時為真

true && true :true

false && true:false

true && false:false

false && false :false

八哥總結說明:

如果前面的表達式是true,就取後面的值,如果前面的表達式為false,就取前面的值。

||:邏輯或,只要有其中一個為真就可以

true || true :true

false || true:true

true || false:true

false || false :false

八哥總結說明:

如果前面的表達式是true,就取前面的值,如果前面的表達式為false,就取後面的值。

!:邏輯非,取反

例題:

怎樣輸出:true和false

console.log(Boolean(0) && Boolean('abc'));

短路問題:輸出結果是?

6.5賦值運算符

=,+=,-=,*=,/=,%=

=:賦值

==:比較(等於)

===:比較(全等)

6.6條件運算符(三目運算符)

表達式1?表達式2:表達式3

如果表達式1為真(true),計算表達式2的值,如果為假(false),計算表達式3的值。

6.7等性運算符

Null==undefined//true

Null===undefined//false

true == 1;

false ==0;

NaN == NaN//false

NaN !== NaN//true

6.8運算符的優先級

6.9 隱式類型轉換

6.10強制類型轉換

Number():轉化成數值

只有純數字的才能轉換得到真實數字。

布爾類型轉換為Number:true轉換為1、false轉換為0。

未定義類型轉換為Number:underfind轉換為NaN空類型轉換為Number:null轉換為0

String():轉化成字符串

Boolean():轉化成布爾

八哥總結說明:

1. NaN ,0 ,"",'' ,underfind, null 轉換為false。

2. 正數,負數都是:true

3. 只要不是空字符串都是:true

parseInt():將字符串轉化為整數

parseFloat():將字符串轉化為浮點數

作業:

1.變量加var和不加var的區別

2.變量的提升

3.短路的應用

相關焦點

  • 什麼是JavaScript對象?如何創建並引用?這就告訴你!
    主要內容:對象的創建鍵名和鍵值對象的引用Math對象Date對象1.1 什麼是類類:就是具有相同的屬性和方法的集合。人類,動物類,家電類等。1.2 什麼是對象對象:就類中的一個具體的實物。人類-具體某一個人(張三丰)。
  • 第一篇:JavaScript基本語法
    為便於描述,JavaScript也稱為JS,後面內容的JavaScript和JS都是指JavaScript腳本語言。在瀏覽器打開保存的HTML網頁文件,瀏覽器會顯示下圖所示的內容:在用戶名和登錄密碼輸入域隨意輸入內容,然後用滑鼠單擊【驗證】按鈕,瀏覽器會彈出對話框,顯示最近輸入的用戶名的名稱。
  • 初識javascript,JS的歷史_騰訊新聞
    javascript和H5的關關係 什麼是HTML5?javascript的由來 JavaScript誕生於1995年。
  • 想加密JavaScript怎麼辦,試試這款加密庫!
    大家好,我是為廣大程式設計師兄弟操碎了心的小編,每天推薦一個小工具/源碼,裝滿你的收藏夾,每天分享一個小技巧
  • javascript入門到進階-js系列六:執行上下文
    javascript代碼在執行時,會進入一個執行上下文中,執行上下文可以理解為當前代碼的運行環境。 所以在一個javascript程序中,必定會出現多種不同的執行上下文。javascript是一個單線程語言,這意味著在瀏覽器中同時只能做一件事情。當javascript解釋器初始執行代碼,它首先默認進入全局上下文。每次調用一個函數將會創建一個新的執行上下文。每次新創建的一個執行上下文會被添加到作用域鏈的頂部,有時也稱為執行或調用棧。
  • 如何在javascript中創建一個對象?
    javascript是一門基於對象而不是面向對象的語言,由於它的這個缺陷,在javascript中實現面向對象時十分彆扭,就比如創建對象,由於在ES6之前沒有class關鍵字,想要創建對象必須依賴以下幾種間接方式。
  • 笛卡爾乘積的javascript版實現和應用
    一般的實現中,c語言,python,java實現的方式比較多,但是對於前端而言,也是有其實現意義的,比如淘寶的sku商品訂單組合的實現就需要笛卡爾乘積,根據商品的子類型和不同尺寸生成n種可能的組合某些情況下用於尋找連續日期中殘缺的數據,可以先笛卡爾積做一個排列組合
  • 20個常用的JavaScript簡寫技巧
    任何程式語言的簡寫技巧都能夠幫助你編寫更簡練的代碼,讓你用更少的代碼實現你的目標。讓我們一個個來看看 JavaScript 的簡寫技巧吧。 1. 聲明變量 2.
  • 如何使用JavaScript實現前端導入和導出excel文件
    本文轉載自【微信公眾號:趣談前端,ID:beautifulFront】經微信公眾號授權轉載,如需轉載與原文作者聯繫正文本文接下來的內容素材都是基於H5可視化編輯器(H5-Dooring)項目的截圖, 如果想實際體驗, 可以訪問H5-Dooring網站實際體驗.
  • JavaScript-window對象常用屬性及方法有哪些?
    >學習目標:一、BOM的概念1.1 什麼是BOM?1.2 BOM包含哪些內容?瀏覽器介紹BOM對象包含(1)window 對象,是 JS 的最頂層對象,其他的 BOM 對象都是 window 對象的屬性。
  • 不可不知的 5 種 JavaScript 代碼編輯器
    因此,你需要選擇一種合適的代碼編輯器。正確的選擇將會為你提供乾淨的代碼、高效的開發速度、最小的錯誤率,並且還能讓你從工作中獲得樂趣。接下來,我們就為你從數百個編輯器中選出了5款最合適的編輯器。這是一款方便且使用時間較長的跨平臺編輯器,擁有可定製化界面和利用熱鍵進行簡單操作的能力。
  • 2020年最熱度最高的5個JavaScript框架
    2019年的優秀框架什麼是框架,為什麼我們需要它?框架的初衷是讓設計可重複使用,並為腳本程式語言提供出色的支持。簡而言之,框架是由一組開發人員編寫的代碼塊,以使整個開發過程變得簡單且易於實現。Programmer頂級JavaScript框架接下來我們就說一下種類繁多的JavaScript框架中,哪些框架在2020年最值得關注和使用。
  • 幾個非常有意思的javascript知識點總結
    其實我們認真看mdn的介紹或者阮一峰老師的文章,還是很好理解這些api的用法的,接下來我們詳細介紹一下這兩個api以及應用場景.實現請求攔截和錯誤上報實現數據過濾以上幾點筆者在之前的文章中也寫過,所以這裡不在詳細介紹了.大家也可以根據實際情況自己實現更加靈活的攔截操作.當然Proxy提供的API遠遠不止這幾個,我們可以在MDN或者其他渠道了解更多高級用法.
  • 給開發者提供的 35 款 JavaScript 圖形圖表庫
    在這篇文章中,我們羅列出排名前 35 的 JavaScript 圖表和圖形庫,適合各種從簡單圖表到複雜圖表的需求。大部分的 JavaScript 圖表和圖形庫都是免費而且開源的,希望大家能在下面的列表中找到適合自己需求的 JavaScript 圖表和圖形庫。
  • 第三篇:JavaScript語句流程控制
    多重條件結構在一些情況下,需要檢查多個條件,解決這種情況可用多重if、嵌套if或switch結構來解決。for循環中的這三部分必須用分號隔開,組成循環體的語句可以是單條語句或多條語句。另外,for循環結構的表達式1、表達式2、表達式3在一些情況可以省略,若表達式2省略,在循環體中需要有退出循環的語句,一般是break語句。
  • 10個優化代碼的CSS和JavaScript工具
    作為一個設計師,如果你想要寫出高度優化的代碼,那麼你一定需要linting工具。有兩種類型的代碼檢查工具。一種是在執行時間檢查代碼中的錯誤和bug。另一種是使用靜態代碼分析技術並在執行前檢查碼。後者因為可以節省時間和麻煩顯然更佳。事實上,linting可以放在不同的階段。如果你喜歡在敲代碼的時候測試代碼,那麼你可以使用lint工具。
  • 第九篇:使用jQuery操作DOM元素
    text()方法用於獲取元素的文本內容;html()方法用於獲取元素的HTML內容;val()方法用於獲取表單元素的值,如input元素。text()方法和html()方法的明顯區別是text()只返回元素的文本內容,而html()方法返回的是將HTML 解析後的內容。val 返回的是表單的內容。
  • 網站內容禁止複製?電腦大神教你5種方法,5秒破解,秒學!
    通過搜尋引擎查閱資料的時候經常會將查到的內容複製下來。不過遺憾的是,並是所有網站的內容你都可以輕鬆的自由複製、拿來即用。當你複製這些網站的內容時有的會提示你登錄之後才可以複製,有的甚至需要付費之後才能複製。好不容易找到了資源,眼看著卻複製不出來,是不是很著急?遇到這種情況怎麼辦呢?小雨教你5秒輕鬆破解。實際上,對網頁內容限制複製基本上都是利用JavaScript代碼來實現。
  • 使用HTML DIV+CSS樣式+JavaScript實現自定義個性化的模態窗口
    01第一節:什麼是模態窗口#JavaScript#什麼是模態窗口relative:在什麼情況下都是相對於父元素進行定位的。如果要使一個DIV相對於整個瀏覽器定位,並且是全屏顯示,帶背景色,則可以設置如下CSS樣式:<!
  • 學姐親述:這些GitHub庫,真的能幫你提升編程技能!
    JavaScript算法用JavaScript實現的算法和數據結構,並帶有解釋和進一步閱讀的連結87.4k連結:https://github.com/trekhleb/javascript-algorithms8.Node.js最佳實踐