初學JavaScript
瞭解JavaScript
起源:
網景(Netscape) ,1994年 推出了一款商用瀏覽器,網景瀏覽器(Netscape Navigator)
1995年,網景公司決定在瀏覽器中加入一門語言,可以用作互動效果,提高使用者體驗
1992年 Nombas C-- SciptEase 可以嵌入到網頁中,第一個在網頁終端執行的語言
1996年 Brendan Eich花費了 10天左右的時間 創造了這個新語言LiveScript 也就是後來的—— JavaScript
JavaScript屬性解釋型語言(弱型別語言):
解釋型語言沒有編譯結果
優點:跨平臺、部署簡單
缺點:執行速度稍慢
弱型別:存放的資料型別可變,優點:靈活、易上手;缺點:不嚴謹
JavaScript屬於單執行緒
同步現象:上一件事情沒做完,下一件事情必須等待配合非同步:提高單執行緒的執行效率。
JavaScript的完整語言組成:
核心語法(ECMAscript)
文件物件模型 (DOM Docuemtn Object Model) :讓js有能力去操作html元素
瀏覽器物件模型(BOM Browser Object MOdel):讓js有能力與瀏覽器對話
JavaScript的引用方式
1.行內引入:
<開始標籤 on+事件型別=“js程式碼”>
行內引入方式必須結合事件來使用,但是內部js和外部js可以不結合事件
點選我
2、內部引入:
在head或body中,定義script標籤,然後在script標籤裡面寫js程式碼
Js程式碼
3、外部引入:
定義外部js檔案(.js結尾的檔案)
注:
script標籤一般定義在head或body中
Script標籤要單獨使用,要麼引入外部js,要麼定義內部js,不要混搭使用
外部的JS檔案,它具有維護性高、可快取(載入一次,無需載入)、方便未來擴充套件、複用性高等特點
新建外部的js檔案demo.js檔案
alert(“外部引入”)
在head或者body中,新增以下程式碼
在我們書寫程式碼的時候要注意程式碼分離:
內容,樣式,功能,三者分離。更好的維護和方便自己閱讀
JavaScript基本語法
語法部分必須都是英文符號
js程式碼有多條語句構成,每個語句用英文分號結束
js程式碼從上到下同步執行
js語言大小寫敏感
JavaScript語句由:表示式、關鍵字、運算子組成 大小寫敏感
變數
變數是什麼?
存放資料
後期會使用的資料
變數儲存在什麼地方?
在記憶體中的一段儲存空間。目的是為了臨時儲存資料
例:
x=5
y=6
z=x+y
在代數中,我們使用字母(比如 x)來儲存值(比如 5)。
透過上面的表示式 z=x+y,我們能夠計算出 z 的值為 11。
變數儲存的內容中是可以分類的
**注意:**在宣告變數時可以省略var,但是如果省略了var,那麼就成了“全域性變數”,不推薦!
變數的宣告:
1.申請一段空間儲存資料
2.給這個空間取個別名
在 JavaScript 中,這些字母被稱為變數。同時也可以使用變數來做簡單的運算,使用的是=和+這類的運算子。
在JavaScript中=屬於賦值符
所有變數的宣告,會自動提升到程式碼(當前作用域)的最頂部
變數命名規 範
JavaScript 變數可用於存放值(比如 x=5)和表示式(比如 z=x+y)。
變數可以使用短名稱(比如 x 和 y),也可以使用描述性更好的名稱(比如 age, sum, totalvolume)。
1.變數必須以字母開頭
2.變數也能以 $ 和 _ 符號開頭(不過我們不推薦這麼做)
3.變數名稱對大小寫敏感(y 和 Y 是不同的變數)
JavaScript語句和JavaScript變數都對大小寫敏感
一條語句多個變數
我們可以在一條語句中宣告很多變數。該語句以var開頭,並使用盜號隔開即可:
var sun = "Sun",box = "Box",arr="Arr";
一條語句宣告多個不可以賦同一個值
var x,y,z = 1;
此時得出來的結果x,y為undefined,z為1
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69979119/viewspace-2718352/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- JavaScript 學習初篇(第一課)JavaScript
- 困擾javascript初學者的閉包JavaScript
- 初識JavaScriptJavaScript
- 【譯】Jest 初學者教程:JavaScript 測試入門JavaScript
- 前端筆記之JavaScript(一)初識JavaScript前端筆記JavaScript
- nodejs初學NodeJS
- 初學ServletServlet
- Vue初學Vue
- 初學goGo
- 初學PythonPython
- 初學者Mybatis的初級使用MyBatis
- Spring AI 初學SpringAI
- 初學指令碼指令碼
- 初學 Bootstrap 表格boot
- 初學 Bootstrap 排版boot
- C#初學C#
- 初學HTML福音HTML
- 初學Python——字典Python
- [JavaScript基礎] 函式,初識作用域JavaScript函式
- 01 【初學者】引子
- python初學筆記Python筆記
- Java生產初學Java
- 勞動法初學
- Groovy初學者指南
- 致 Python 初學者Python
- go 初學-想說Go
- 初學python之感悟Python
- html初學總結HTML
- 初學 Bootstrap 表單boot
- swing初學,隨筆
- Kotlin初學者指南Kotlin
- python 圖形初學Python
- Nginx初學者指南Nginx
- JavaScript學習JavaScript
- 初學者怎麼學Web前端?Web前端
- 初學者如何學Java開發?Java
- Laravel 初學者學習點滴Laravel
- 初學Python必備十大經典案例(初學者必看)❃✿❈❉❀❁下Python