Web前端基礎(7):JavaScript(一)

時間 2019-11-18

標籤 web 前端基礎 javascript 欄目 HTML 简体版

原文原文鏈接

1. JavaScript概述

1.1 JavaScript歷史背景介紹

布蘭登 • 艾奇（Brendan Eich，1961年～），1995年在網景公司，發明的JavaScript。javascript

一開始JavaScript叫作LiveScript，可是因爲當時Java這個語言特別火，因此爲了傍大牌，就更名爲JavaScript。如同「北大」和「北大青鳥」的關係。「北大青鳥」就是傍「北大」大牌。html

同時期還有其餘的網頁語言，好比VBScript、JScript等等，可是後來都被JavaScript戰勝了，因此如今的瀏覽器中，只運行一種腳本語言就是JavaScript。java

1.2 什麼是JavaScript

JavaScript是web上一種功能強大的編程語言，用於開發交互式的web頁面。它不須要進行編譯，而是直接嵌入在HTML頁面中，由瀏覽器執行。python

JavaScript被設計用來向HTML頁面添加交互行爲。web

JavaScript是一種腳本語言（腳本語言是一種輕量級的編程語言）。編程

JavaScript由數行可執行計算機代碼組成。瀏覽器

JavaScript一般被直接嵌入HTML頁面。編程語言

JavaScript是一種解釋性語言（就是說代碼執行不進行預編譯）。動畫

JavaScript的組成：ui

核心（ECMAscript）：語法，語句。

文檔對象模型（DOM）：document object model，操做文檔中的元素和內容。

瀏覽器對象模型（BOM）：瀏覽器對象。

1.3 JavaScript的做用

使用JavaScript添加頁面動畫效果，提供用戶操做體驗。主要應用有：嵌入動態文本於HTML頁面、對瀏覽器事件做出響應、讀取HTML元素、驗證提交數據、檢測訪客的瀏覽器信息等。

1.4 JavaScript的引入

在HTML文件中引入JavaScript有兩種方式，一種是在HTML文檔直接嵌入JavaScript腳本，稱爲內嵌式，另外一種是連接外部JavaScript腳本文件，稱爲外聯式。

1.內嵌式，在HTML文檔中，經過<script>標籤引入，以下：

<html>
    <head>
        <script type="text/javascript">
            //此處爲JavaScript代碼
        </script>
        <title></title>
    </head>
    <body>
        
    </body>
</html>

2.外聯式，在HTML文檔中，經過<script src="">標籤引入.js文件，以下：

<html>
    <head>
        <script src="js/ad.js" type="text/javascript" charset="UTF-8"></script>
        <title></title>
    </head>
    <body>
        
    </body>
</html>

2. 基本語法

2.1 變量

1.在使用JavaScript時，須要遵循如下命名規範：

必須以字母或下劃線開頭，中間能夠是數字、字符或下劃線。

變量名不能包含空格等符號。

不能使用JavaScript關鍵字做爲變量名，如：function。

JavaScript嚴格區分大小寫。

2.變量的聲明

var 變量名;  //JavaScript變量能夠不聲明，直接使用。默認值：undefined

3. 變量的賦值

var 變量名 = 值;  //JavaScript變量是弱類型，及同一個變量能夠存放不一樣類型的數據

2.2 數據類型

數據類型包括：基本數據類型和引用數據類型。

基本數據類型指的是簡單的數據段，引用數據類型指的是有多個值構成的對象。

當咱們把變量賦值給一個變量時，解析器首先要確認的就是這個值是基本類型值仍是引用類型值。

2.2.1 基本類型

(1) number

var a = 123;
//typeof 檢查當前變量是什麼數據類型
console.log(typeof a)
//特殊狀況
var a1 = 5/0;
console.log(typeof e1) //Infinity 無限大. number類型

(2) string

var str  = '123'
console.log(typeof str)

(3) boolean

var b1 = false;
console.log(typeof b1)

(4) null

var c1 = null;//空對象. object
console.log(c1)

(5) undefined

var d1;
//表示變量未定義
console.log(typeof d1)

2.2.2 引用類型

引用類型一般叫作類（class），也就是說，遇到引用值，所處理的就是對象。

JavaScript是基於對象而不是面向對象。對象類型的默認值是null。

JavaScript提供衆多預約義引用類型（內置對象）。

後面的文章會講解。

2.3 運算符

JavaScript的運算符合python差很少，你們能夠看我python基礎中的運算符 python運算符

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。