JavaScript基礎(chǔ)特性有哪些

這篇文章主要介紹“JavaScript基礎(chǔ)特性有哪些”，在日常操作中，相信很多人在JavaScript基礎(chǔ)特性有哪些問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對(duì)大家解答”JavaScript基礎(chǔ)特性有哪些”的疑惑有所幫助！接下來，請(qǐng)跟著小編一起來學(xué)習(xí)吧！

10多年的江夏網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。成都全網(wǎng)營銷推廣的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整江夏建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)從事“江夏網(wǎng)站設(shè)計(jì)”,“江夏網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

代碼結(jié)構(gòu)

語句用分號(hào)分隔：

alert('Hello'); alert('World');

通常，換行符也被視為分隔符，因此下面的例子也能正常運(yùn)行：

alert('Hello') alert('World')

這就是所謂的「自動(dòng)分號(hào)插入」。但有時(shí)它不起作用，例如：

alert("There will be an error after this message")  [1, 2].forEach(alert)

大多數(shù)代碼風(fēng)格指南都認(rèn)為我們應(yīng)該在每個(gè)語句后面都加上分號(hào)。

在代碼塊 {...} 后以及有代碼塊的語法結(jié)構(gòu)(例如循環(huán))后不需要加分號(hào)：

function f() {   // 函數(shù)聲明后不需要加分號(hào) }  for(;;) {   // 循環(huán)語句后不需要加分號(hào) }

……但即使我們?cè)谀程幪砑恿恕割~外的」分號(hào)，這也不是錯(cuò)誤。分號(hào)會(huì)被忽略的。

更多內(nèi)容：代碼結(jié)構(gòu)。

嚴(yán)格模式

為了完全啟用現(xiàn)代 JavaScript 的所有特性，我們應(yīng)該在腳本頂部寫上 "use strict" 指令。

'use strict';  ...

該指令必須位于 JavaScript 腳本的頂部或函數(shù)體的開頭。

如果沒有 "use strict"，所有東西仍可以正常工作，但是某些特性的表現(xiàn)方式與舊式「兼容」方式相同。我們通常更喜歡現(xiàn)代的方式。

語言的一些現(xiàn)代特征(比如我們將來要學(xué)習(xí)的類)會(huì)隱式地啟用嚴(yán)格模式。

更多內(nèi)容：現(xiàn)代模式，"use strict"。

變量

可以使用以下方式聲明變量：

  • let

  • const(不變的，不能被改變)

  • var(舊式的，稍后會(huì)看到)

一個(gè)變量名可以由以下組成：

  • 字母和數(shù)字，但是第一個(gè)字符不能是數(shù)字。

  • 字符 $ 和 _ 是允許的，用法同字母。

  • 非拉丁字母和象形文字也是允許的，但通常不會(huì)使用。

變量是動(dòng)態(tài)類型的，它們可以存儲(chǔ)任何值：

let x = 5; x = "John";

有 7 種數(shù)據(jù)類型：

  • number — 可以是浮點(diǎn)數(shù)，也可以是整數(shù)，

  • string — 字符串類型，

  • boolean — 邏輯值：true/false，

  • null — 具有單個(gè)值 null 的類型，表示“空”或“不存在”，

  • undefined — 具有單個(gè)值 undefined 的類型，表示“未分配(未定義)”，

  • object 和 symbol — 對(duì)于復(fù)雜的數(shù)據(jù)結(jié)構(gòu)和唯一標(biāo)識(shí)符，我們目前還沒學(xué)習(xí)這個(gè)類型。

typeof 運(yùn)算符返回值的類型，但有兩個(gè)例外：

typeof null == "object" // JavaScript 編程語言的設(shè)計(jì)錯(cuò)誤 typeof function(){} == "function" // 函數(shù)被特殊對(duì)待

更多內(nèi)容：變量 和 數(shù)據(jù)類型。

交互

我們使用瀏覽器作為工作環(huán)境，所以基本的 UI 功能將是：

prompt(question[, default])：提出一個(gè)問題，并返回訪問者輸入的內(nèi)容，如果他按下「取消」則返回 null。

confirm(question)：提出一個(gè)問題，并建議用戶在“確定”和“取消”之間進(jìn)行選擇。選擇結(jié)果以 true/false 形式返回。

alert(message)：輸出一個(gè) 消息。

這些函數(shù)都會(huì)產(chǎn)生 模態(tài)框，它們會(huì)暫停代碼執(zhí)行并阻止訪問者與頁面的其他部分進(jìn)行交互，直到用戶做出回答為止。

舉個(gè)例子：

let userName = prompt("Your name?", "Alice"); let isTeaWanted = confirm("Do you want some tea?");  alert( "Visitor: " + userName ); // Alice alert( "Tea wanted: " + isTeaWanted ); // true

更多內(nèi)容：alert、prompt 和 confirm 交互。

運(yùn)算符

JavaScript 支持以下運(yùn)算符：

算數(shù)運(yùn)算符：常規(guī)的：+ - * /(加減乘除)，取余運(yùn)算符 % 和冪運(yùn)算符 **。

二進(jìn)制加號(hào) `+` 可以連接字符串。如果任何一個(gè)操作數(shù)是一個(gè)字符串，那么另一個(gè)操作數(shù)也將被轉(zhuǎn)換為字符串：  ```js run alert( '1' + 2 ); // '12'，字符串 alert( 1 + '2' ); // '12'，字符串 ```

賦值

簡單的賦值：a = b 和合并了其他操作的賦值：a * = 2。

按位操作符按位運(yùn)算符在最低位級(jí)上操作 32 位的整數(shù)：詳見 文檔。

三元運(yùn)算符

唯一具有三個(gè)參數(shù)的操作：cond ? resultA : resultB。如果 cond 是真的，則返回 resultA，否則返回  resultB。

邏輯運(yùn)算符

邏輯與 && 和或 || 執(zhí)行短路運(yùn)算，然后返回運(yùn)算停止處的值(true/false 不是必須的)。邏輯非 !  將操作數(shù)轉(zhuǎn)換為布爾值并返回其相反的值。

比較運(yùn)算符

對(duì)不同類型的值進(jìn)行相等檢查時(shí)，運(yùn)算符 == 會(huì)將不同類型的值轉(zhuǎn)換為數(shù)字(除了 null 和  undefined，它們彼此相等而沒有其他情況)，所以下面的例子是相等的：

```js alert( 0 == false ); // true alert( 0 == '' ); // true ```  其他比較也將轉(zhuǎn)換為數(shù)字。  嚴(yán)格相等運(yùn)算符 `===` 不會(huì)進(jìn)行轉(zhuǎn)換：不同的類型總是指不同的值。  值 `null` 和 `undefined` 是特殊的：它們只在 `==` 下相等，且不相等于其他任何值。  大于/小于比較，在比較字符串時(shí)，會(huì)按照字符順序逐個(gè)字符地進(jìn)行比較。其他類型則被轉(zhuǎn)換為數(shù)字。

其他運(yùn)算符

還有很少一部分其他運(yùn)算符，如逗號(hào)運(yùn)算符。

更多內(nèi)容：運(yùn)算符，值的比較，邏輯運(yùn)算符。

循環(huán)

  • 我們涵蓋了 3 種類型的循環(huán)：

// 1 while (condition) {   ... }  // 2 do {   ... } while (condition);  // 3 for(let i = 0; i < 10; i++) {   ... }

  • 在 for(let...) 循環(huán)內(nèi)部聲明的變量，只在該循環(huán)內(nèi)可見。但我們也可以省略 let 并重用已有的變量。

  • 指令 break/continue 允許退出整個(gè)循環(huán)/當(dāng)前迭代。使用標(biāo)簽來打破嵌套循環(huán)。

更多內(nèi)容：while 和 for 循環(huán)。

稍后我們將學(xué)習(xí)更多類型的循環(huán)來處理對(duì)象。

"switch" 結(jié)構(gòu)

"switch" 結(jié)構(gòu)可以替代多個(gè) if 檢查。它內(nèi)部使用 ===(嚴(yán)格相等)進(jìn)行比較。

例如：

let age = prompt('Your age?', 18);  switch (age) {   case 18:     alert("Won't work"); // prompt 的結(jié)果是一個(gè)字符串，而不是數(shù)字    case "18":     alert("This works!");     break;    default:     alert("Any value not equal to one above"); }

詳情請(qǐng)見："switch" 語句。

函數(shù)

我們介紹了三種在 JavaScript 中創(chuàng)建函數(shù)的方式：

1.函數(shù)聲明：主代碼流中的函數(shù)

function sum(a, b) {   let result = a + b;    return result; }

2.函數(shù)表達(dá)式：表達(dá)式上下文中的函數(shù)

let sum = function(a, b) {   let result = a + b;    return result; }

3.箭頭函數(shù)：

// 表達(dá)式在右側(cè) let sum = (a, b) => a + b;  // 或帶 {...} 的多行語法，此處需要 return： let sum = (a, b) => {   // ...   return a + b; }  // 沒有參數(shù) let sayHi = () => alert("Hello");  // 有一個(gè)參數(shù) let double = n => n * 2;

  • 函數(shù)可能具有局部變量：在函數(shù)內(nèi)部聲明的變量。這類變量只在函數(shù)內(nèi)部可見。

  • 參數(shù)可以有默認(rèn)值：function sum(a = 1, b = 2) {...}。

  • 函數(shù)總是返回一些東西。如果沒有 return 語句，那么返回的結(jié)果是 undefined。

到此，關(guān)于“JavaScript基礎(chǔ)特性有哪些”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！

文章名稱：JavaScript基礎(chǔ)特性有哪些
文章URL：http://bm7419.com/article44/gejshe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設(shè)、品牌網(wǎng)站制作、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站制作、自適應(yīng)網(wǎng)站、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化