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
  • 前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器,其界面簡潔大方,操作體驗流暢。該播放器支持多種音頻格式(如 MP4、WMA、OGG、FLAC 等),並具備標記、實時歌詞顯示等功能。 另外,還支持換膚及多語言(中英文)切換。核心音頻處理採用 FFmpeg 組件,獲得了廣泛認可,目前 Git ...
  • OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統,完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面,查看已創建應用的Client ID和Clien ...
  • 解決了這個問題:《winForm下,fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自:https://www.fcnsoft.com/Home/Sho ...
  • 國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面,接收裸 Win 32 的 WM_Pointer 消息,從消息裡面獲取觸摸點信息,使用觸摸點 ...
  • 前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能,還集成了高性能的輕量級 POS 解決方案,確保頁面載入速度極快,提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI: ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的,因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 問題 問題是這樣的:第三方的webapi,需要先調用登陸介面獲取Cookie,訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面,返回的Headers中沒有找到Cookie信息。 分析 首先,使用Postman測試該登陸介面,正常返回Cookie信息,說明是HttpCli ...
  • 國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低,主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上,.NET曾因微軟的閉源策略發展受限,儘管後來推出了跨平臺的.NET ...
  • 在WPF開發應用中,動畫不僅可以引起用戶的註意與興趣,而且還使軟體更加便於使用。前面幾篇文章講解了畫筆(Brush),形狀(Shape),幾何圖形(Geometry),變換(Transform)等相關內容,今天繼續講解動畫相關內容和知識點,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 什麼是委托? 委托可以說是把一個方法代入另一個方法執行,相當於指向函數的指針;事件就相當於保存委托的數組; 1.實例化委托的方式: 方式1:通過new創建實例: public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...