JavaScript--我發現,原來你是這樣的JS(基礎概念--軀殼,不妨從中文角度看js)

来源:http://www.cnblogs.com/Ry-yuan/archive/2017/09/11/7496574.html
-Advertisement-
Play Games

介紹 這是紅寶書(JavaScript高級程式設計 3版)的讀書筆記第二篇(基礎概念 軀殼篇),有著部分第三章的知識內容,當然其中還有我個人的理解。紅寶書這本書可以說是難啃的,要看完不容易,挺厚的,要看懂更不容易,要熟練js更是難,中間需要不斷的積累與重溫。因此不是讀一兩遍就能把這書吃透,需要多讀, ...


介紹

這是紅寶書(JavaScript高級程式設計 3版)的讀書筆記第二篇(基礎概念--軀殼篇),有著部分第三章的知識內容,當然其中還有我個人的理解。紅寶書這本書可以說是難啃的,要看完不容易,挺厚的,要看懂更不容易,要熟練js更是難,中間需要不斷的積累與重溫。因此不是讀一兩遍就能把這書吃透,需要多讀,可謂溫故而知新,可以為師矣。

很多人看這些厚的書都是三天打魚兩天曬網,很少能看下去,能記住的東西往往前3章的內容,所以我寫博客就是為了能和大家一起來讀這本書,一起學js。

溫馨提示:筆記言辭會有主觀色彩,知識重點記錄。博客內容為基礎,適合初學者。

正在轉到正題......


基本概念(軀殼篇)

首先要說的,JavaScript是一門高級語言,沒錯語言,語言就要有一定的語法,接地氣的講就像中文,中文也有一定的語法,比如怎樣書寫,一撇一划便形成漢字之美,這樣就寫出大家都懂得漢字。類似的JavaScript也有語法:

1.區分大小寫

  • 在js中的一切,如變數,函數名,操作符等都區分大小寫。 如變數名為test 和 Test 是兩個不同的變數。

2.標識符(就是自己去定義的名稱,如變數,函數名,屬性名,參數等)

  • 由字母,下劃線(_),美元符號($),和數字組成,且第一個字元不能以數字開頭。如3Ta 這樣的命名是錯誤的。
  • 命名方式建議使用駝峰式命名:如myFriend。

3.註釋

  • 單行註釋
// 這是單行註釋
  • 塊級(多行)註釋
    /*
    * 這是多行註釋
    */

4.嚴格模式

嚴格模式在ES5中加入,為了增強js代碼的安全性和消除js的一些不合理異常的行為。

  • 啟動嚴格模式:

    //在js中加入use strict 這條字元串
    "use strict"
  • "use strict"加入的位置(哪裡想用加哪裡):
    1.如果需要整個js腳本都使用嚴格模式就在腳本第一行加入這句話
    2.如果在函數中使用嚴格模式就在函數內部第一行加入這句話。

5.關鍵字和保留字

這麼說吧,關鍵字和保留字都是一些特定的詞,這些詞不能在作為標識符使用,也就是你不能用來定義自己的東西,人家有申請專利。就像人家肯德基,你不能再取肯德基了吧,你最多來個肯基基是不是。

  • 比如:if,else,do ,while,for ,break,var,let等等,還挺多,這個不用記,多敲代碼就自然而然知道了。

6.變數

js是一門弱類型語言,它不像java的強類型,對於每個數據類型的聲明都需要指出是什麼類型的數據。而js的變數聲明就用var這個操作符。

//聲明一個變數,它可以用來保存任何類型的值,此處沒對sum賦值,預設為undefined
var sum;
//聲明一個變數並賦值,此處賦值了字元串
var message = "hello javascript!";
//此處再對message這個變數賦值數字12,是允許的,不會報錯
message = 12;

註意點:

1.在沒有使用var聲明變數時,該變數是屬於全局變數。

function setAge(){
    //沒有使用var定義,age為全局變數
    age = 10;
}
//函數外部可以使用age
console.log(age); //10

2.在嚴格模式下,不使用var定義變數會報錯。

7.語句

7.1 概念:

到語句了,語句這裡ES給出定義:語句以一個分號結尾。這裡語句就像中文的一句話,中文以句號結尾。語句可長可短,只要能表達到意思能讓人明白意思,對於js語句就要讓其解析器明白。(分號可以省略,但是不建議省略分號,避免出現不必要的問題)。
例子:

//聲明語句
var sum = 1;

插插話:其實一個JavaScript的程式就是語句的集合,解析器一條條讀下來一條條解析,你想表達的機器知道了,就執行相應操作,最終做好一件事。是不是感覺寫個程式好比一篇理科生作文。

7.2 ECMA-262 規定了一組語句(流程語句)。

這裡規定的語句就像的是它給了一組句型你,你通過這些句型能夠更好來表達你的程式。看到這你會發現js和java的語法有些相似。

常用語句(句型)如下:
1.if語句(條件語句)

/*
*if語句模版
*如果if括弧condition值為true就執行if後面的代碼塊,否則執行else後面的代碼塊
*/
if(condition){
    //do something
}
else{
    //do something
}

2.do-while(迴圈語句)

/*
*do-while語句模版
*do會先執行一次其後面的代碼,如果while後面的expression條件為true就會繼續執行do後面的代碼塊
*/
do{
    //do something
}while(expression)

3.while(迴圈語句)

/*
*while模版
*當expression條件為true則執行代碼塊里的代碼
*/
while(expression){
    //do something 
}

4.for迴圈語句

//模板
for(初始值,迴圈條件,一次迴圈後執行的代碼){
    //do something
}

//for迴圈例子:
var count = 100;
for(var i = 0; i<count ; i++ ){
    console.log(i);
}

5.break 與 continue
break 和 continue都是對迴圈語句進行精準的控制的語句,break表示中斷整個迴圈,而continue表示中斷此次迴圈下麵的代碼執行,並跳到下一次的迴圈。

//break例子
//代碼的輸出結果是在控制台輸出一個0後,結束運行。
var i=0;
while(i<10){
    console.log(i);
    i++;
    break;
}

//continue例子
//每次遇到continue就會執行下一次迴圈,而continue後面的alert永遠不會被執行,所以控制台會輸出0-9,但是alert不會被執行。
var i =0;
while(i<10){
    console.log(i);
    i++;
    continue;
    alert(i);
}

6.switch
switch語句是一種判斷語句,通過輸入的內容來選擇對應的處理方式,用於有限種的判斷。

//switch例子
//根據i的值的不同而選擇對應的case,每個case後面應加上break作為終結,不然會繼續運行下去,直達遇到break。
switch(i){
    case 1:
        console.log(1);
        break;
    case 2:
        console.log(2);
        break;
    case 3:
        console.log(3);
        break;
    //default里代碼是當沒有以上case對應的值時執行,比如5
    default:
        alert("Other");
}

最後小結;

這次筆記,總結了js的基本概念的一部分,我命之為軀殼,為什麼說是軀殼,我們可以回顧一下,上面說的內容都是教人識字一樣,告訴你們怎麼寫字(標識符寫法,不能用關鍵字等規則),還有什麼是語句(就教你們認識了什麼是語句,給出的流程語句有哪些),給人感覺就是只有軀殼一樣,那麼下一篇便向其註入靈魂。

基本概念剩下一部分在下一篇靈魂篇(數據類型和操作符),我不喜歡寫太長的博客,太長會覺得冗腫,所以分開來寫了。敬請關註。分享這博客能希望大家一起學js,寫博客不易,每篇都費很多心思,如果覺得這篇博客寫得有點意思,就點個贊吧。

本文出自博客園:http://www.cnblogs.com/Ry-yuan/
作者:Ry
歡迎轉載,轉載請標明出處


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

-Advertisement-
Play Games
更多相關文章
  • 7年前我飛去廈門幫男神做項目,得到的結果他們老闆驚呆了,真是大牛啊。說一定要意思一下,不能讓大牛白做,結果還是什麼也沒給,所以我衷心祝福那個老闆儘快破產。但是男神卻很鄙視我,鄙視了很多年。因為他看到了我的過程,覺得沒有技術含量。事情是這樣:當時男神做了一個extjs框架的管理系統。這個框架現在基本沒 ...
  • Table of contents · Introduction to ActiveMQ · Installing ActiveMQ · Message-oriented middleware · JMS specification · What's the Java Message Service ...
  • 刪除節點removeChild()removeChild() 方法從子節點列表中刪除某個節點。如刪除成功,此方法可返回被刪除的節點,如失敗,則返回 NULL。 語法: nodeObject.removeChild(node)參數: node :必需,指定需要刪除的節點。 註意: 把刪除的子節點賦值給 ...
  • 背景 筆者之前一直使用 bootstrap table ,因為當前項目中主要使用 Layui 框架,於是也就隨了 Layui table ,只是在使用的時候出現了一些問題,當然也是怪自己不熟悉的鍋吧! 出現的問題: 1、使用 Layui 官方提供的 【轉換靜態表格】 方式初始化載入時報 id 找不到... ...
  • 先上圖: 什麼情況? 原因:js採用二進位進行小數計算 先看十進位的小數轉換為二進位的方法: 十進位數的整數位是二進位數的整數位,十進位數的小數位是二進位數的小數位 假如我們有小數111.4(10),我們對他進行一下計算: 首先取小數位0.4,對其進行“乘二取整法” 0.4*2=0.8 取結果的的整 ...
  • 一,定義變數let(類似var) 在js一直有一個bug是var: 1、var 聲明的變數會有變數提升 2、var 沒有塊級作用域 3、var 可以多次重覆定義一個變數,後面的變數替換前面變數 新的定義變數let: 1、let聲明的變數不會有變數提升,只有在前面定義了在後面才能用 2、let存在塊級 ...
  • 前後端交互中,定義介面欄位的時候,一般都會藉助一些小工具來定義JSON格式的字元串。我在寫這樣的一個工具的時候碰到一個關於轉義字元的問題。記錄一下。 轉義字元的定義,我理解就是為了區分一些已經有特定意義的字元,去掉這些“特定意義”而轉為普通字元的輔助符號。例如,我們寫正則表達式的時候,+號已經被賦予 ...
  • 這裡的加號,也可以替換成!,~等其他一元操作符,其效果相當於: 如果沒有這個加號的話,解析器會認為function是一個函數聲明的開始,而後面()將會導致語法錯誤。在function前面加上+號時,就變成了一個函數表達式,而函數表達式後面又添加了一個()就變成了一個立即執行的函數了。 ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...