中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

JavaScript基礎入門知識點有哪些

發布時間:2022-02-19 14:13:46 來源:億速云 閱讀:184 作者:小新 欄目:開發技術

這篇文章給大家分享的是有關JavaScript基礎入門知識點有哪些的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。

JavaScript簡介

JavaScript(Java腳本)是一種基于對象(Object)和事件驅動( Event Driven)并具有安全性能的解釋型腳本語言,目的是能夠在客戶端的網頁中增加動態效果和交互能力,實現了用戶與網頁之間的一種實時的、動態的交互關系。

JS組成

JS組成:ECMAScript(JS的核心)、DOM(文檔對象模型)、BOM(瀏覽器對象模型)

  • ECMAScript:主要定義了 JS 的語法

  • DOM:一套操作頁面元素的 API,DOM 可以把 HTML 看做是文檔樹,通過 DOM 提供的 API 可以對樹上的節點進行操作

  • BOM:一套操作瀏覽器功能的 API,通過 BOM 可以操作瀏覽器窗口

JS用途

主要用于網頁特效、服務端開發、命令行工具、桌面程序、APP、控制硬件—物聯網、游戲開發

JavaScript的書寫位置

1、寫在行內

 <input type="button" value="按鈕" onclick="alert('Hello World')" />

2、寫在 script 標簽中

<script>
alert('Hello,world!');
</script>
由<script>...</script>包含的代碼就是JavaScript代碼,他將直接被瀏覽器執行。

3、寫入外部 js 文件中,在頁面引入

<script type="text/javascript" src="/js/Hello.js"></script>

把代碼放在單獨的文件中更有利于維護代碼,并且多個頁面可以各自引用同一個 .js 文件。

基本語法

JavaScript 語法和 Java 相似,每個語句以;結束,語句塊用{···}。 注意:JavaScript 嚴格區分大小寫。

變量的使用

變量的概念: 一個變量就是分配了一個值的參數。使用變量可以方便的獲取或者修改內存中的數據 變量的聲明: 在聲明變量時使用關鍵字 var,要注意關鍵字與變量名之間的空格,也可以在一行中聲明多個變量,以逗號分隔變量。

var age;
var age, name, sex; age = 10; name = ‘zs’;

注意: 變量名必須是一個 JavaScript 標識符,應遵循以下標準命名規則:

  • 第一個字符必須是字母、下劃線(_)或者美元符($)

  • 后面可以跟字母、下劃線、美元符、數字,但不能是其他符號

  • 在被申明的范圍內,變量的名稱必須是唯一的

  • 不能使用保留關鍵字作為標識符

變量的賦值: 在 JavaScript 中,使用=對變量進行賦值。可以把任意數據類型賦值給變量,同一個變量可以反復賦值,而且可以是不同的數據類型的變量,但是只能用var申明一次。要顯示變量,可以用console.log(x),打開 Chrome 的控制臺就可以看到結果。

var age; age = 18;
var age = 18;

注釋

以//開頭直到行末的字符被視為注釋,注釋是給開發人員看的,JavaScript 引擎會自動忽略。 另一種塊注釋是用/*···*/把多行字符包裹起來,視為注釋。 例如:

<html>
<head>
<script> //這是一行注釋
alert('Hello,world!');
/*從這里開始是塊注釋

塊注釋結束*/
</script>
</head>
<body>
···
</body>
</html>

數據類型

JS 的數據類型分為兩大類

  • 簡單數據類型(基本數據類型):boolean、number、string、null、undefined(、symbol)

  • 復雜數據類型:object

JavaScript基礎入門知識點有哪些

number

JavaScript 不區分整數和浮點數,統一用 number 表示,以下都是合法的 number 類型:

123;//整數123 0.456;//浮點數0.456 1.2345e3;//等同于1234.5 -99;//負數 NaN;//當無法計算結果是使用NaN表示 Infinity;//表示無限大

number 存在精度問題:

0.2 + 0.1 = 0.30000000000000004 0.1 + 0.2 !== 0.3 //true

所以最好不要判斷浮點數是否相等

string

用于表示由零個或多個 16 位 Unicode 字符組成的字符序列,即字符串。字符串是以單引號'或雙引號"括起來的任意文本,比如'abc'、"xyz"等等。單引號和雙引號只是一種表示方式,不是字符串的一部分,所以,字符串'abc'中只有 a、b、c 這3個字符。 特點: 不可變的 當重新為一個字符串賦值時,實際上是重新開辟內存空間,例如:

var lang=“Java”; lang=lang+“Script”;

以上代碼是先創建一個空間存放字符串 “Java”,接著在運行到下一行代碼時,在內存中重新開辟一個空間,存放的是"JavaScript",變量 lang 指向新開辟的空間。這些操作都是后臺發生的,影響網站性能,所以一般代碼中不要寫大量的字符串拼接。

null和undefined

null表示一個“空”的值,他和0以及空字符串’‘不同,0是一個數值,’'表示長度為0的字符串,而 null 示空。 undefined 表示“未定義”。

boolean

布爾值和布爾代數的表示完全一樣,一個布爾值只有 true 和 false 兩種值,區分大小寫。可以直接用 true 和 false 表示布爾值,也可以通過布爾運算算出來:

true;//這是一個true值
false;//這是一個false值
2>1;//這是一個true值
2>=3;//這是一個false值

轉為boolean值

  • null

  • undefined

  • “”

  • NaN

  • 0

注意:布爾值經常用在條件判斷句中。

typeof運算符

獲取變量類型,返回的值是string類型 結果有:

  • “undefined”

  • “boolean”

  • “string”

  • “number”

  • “object”

  • “function”

typeof 10     //"number"
typeof  "10"  //"string"

function fn(){
...
}
typeof fn   //"function"
//age未聲明
typeof age    //"undefined"

typeof null   //"object"
typeof undefined //"undefined"

JavaScript對象

一、object 對象

  1. Object 類型,我們也稱為一個對象。是 JavaScript 中的引用數據類型。

  2. 它是一種復合值,它將很多值聚合到一起,可以通過名字訪問這些值。

  3. 對象也可以看做是屬性的無序集合,每個屬性都是一個名/值對。

  4. 對象除了可以創建自有屬性,還可以通過從一個名為原型的對象那里繼承屬性。

  5. 除了字符串、數字、true、false、null 和 undefined 之外,JS 中的值都是對象。

二、創建對象 創建對象的方式有兩種

第一種:
var obj = new Object();
obj.name = "###";
obj.age = 15;
第二種:
var obj = {
name:"###",
age:15
}

三、對象屬性的訪問

訪問屬性的兩種方式:對象.屬性名 或者 對象[“屬性名”]

四、數組

數組也是對象的一種。數組是一種用于表達有順序關系的值的集合的語言結構。

創建數組 =====注意:不同于 java 數組長度可變 var users = new Array(3); users[0]=3; users[1]=9; users[2]=5; users[3]=999; 數組內的各個值被稱作元素。每一個元素 都可以通過索引(下標)來快速讀取。索引是從零開始的整數。

函數

函數對任何語言來說都是核心的概念。通過函數可以封裝任意多條語句,而且可以在任何地方、任何時候調用執行。ECMAScript 中的函數由function關鍵字來聲明,后跟一組參數以及函數體。 語法:

function functionName(arg0,arg1...){
   statement
}

示例:

function sayHi(name,message){
   alert("Hello "+name+","+message);
}
sayHi("ly","how are you?");//函數的調用

一些自帶的函數

JavaScript基礎入門知識點有哪些

返回值 ECMAScript 中的函數定義時可以有返回值,也可以沒有返回值。當函數執行完的時候,并不是所有時候都要把結果打印。我們期望函數給我一些反饋(比如計算的結果返回進行后續的運算),這個時候可以讓函數返回一些東西。也就是返回值。函數通過 return 返回一個返回值

返回值語法:

//聲明一個帶返回值的函數
function 函數名(形參1, 形參2, 形參...){
 //函數體
 return 返回值;
}

//可以通過變量來接收這個返回值
var 變量 = 函數名(實參1, 實參2, 實參3);

函數的調用結果就是返回值,因此我們可以直接對函數調用結果進行操作。

返回值詳解: 如果函數沒有顯示的使用 return 語句 ,那么函數有默認的返回值:undefined 如果函數使用 return 語句,那么跟再 return 后面的值,就成了函數的返回值 如果函數使用 return 語句,但是 return 后面沒有任何值,那么函數的返回值也是:undefined 函數使用 return 語句后,這個函數會在執行完 return 語句之后停止并立即退出,也就是說 return 后面的所有其他代碼都不會再執行。

參數 ECMAScript 不介意傳遞的參數的個數,也不在乎參數的數據類型。ECMAScript 中的參數是由一個數組來表示的,函數體內部可以通過arguments對象來訪問這個參數數組。arguments對象只是與數組類似(不是Array實例)

形參和實參:

形式參數:在聲明一個函數的時候,為了函數的功能更加靈活,有些值是固定不了的,對于這些固定不了的值。我們可以給函數設置參數。這個參數沒有具體的值,僅僅起到一個占位置的作用,我們通常稱之為形式參數,也叫形參。 實際參數:如果函數在聲明時,設置了形參,那么在函數調用的時候就需要傳入對應的參數,我們把傳入的參數叫做實際參數,也叫實參。
var x = 5, y = 6;
fn(x,y);
function fn(a, b) {
 console.log(a + b);
}
//x,y實參,有具體的值。函數執行的時候會把x,y復制一份給函數內部的a和b,函數內部的值是復制的新值,

感謝各位的閱讀!關于“JavaScript基礎入門知識點有哪些”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

佛山市| 泾源县| 九江县| 隆安县| 三亚市| 灵石县| 双江| 临夏县| 沈阳市| 五原县| 微博| 冷水江市| 如皋市| 香格里拉县| 贺州市| 兴国县| 高阳县| 枞阳县| 历史| 调兵山市| 琼海市| 西和县| 甘德县| 西丰县| 新巴尔虎左旗| 葫芦岛市| 余干县| 佳木斯市| 南陵县| 土默特左旗| 淅川县| 曲阜市| 秦安县| 镇雄县| 玉环县| 临沭县| 桦甸市| 甘肃省| 资中县| 南昌县| 永善县|