一、JavaScript 變量
1、變量概念
JavaScript 變量 是用于 存儲數(shù)據(jù) 的 容器 , 通過 變量名稱 , 可以 獲取 / 修改 變量 中的數(shù)據(jù) ;
變量 的 本質(zhì) 是 存放數(shù)據(jù) 的 一塊內(nèi)存空間 ;
在 JavaScript 中，使用 var / let / const 關(guān)鍵字來聲明變量 , 每個變量都有一個 變量名 和 一個 變量值 ;
2、變量聲明
JavaScript 變量聲明 :
- var 關(guān)鍵字 : 使用 var 關(guān)鍵字 聲明 變量 , 其 作用域 是其當(dāng)前執(zhí)行上下文 ;
var name = "Tom";
- let 關(guān)鍵字 : 使用 let 關(guān)鍵字 聲明變量 , 在 var 的基礎(chǔ)上進行了優(yōu)化 ;
let age = 18;
- const 關(guān)鍵字 : const 關(guān)鍵字 用于 聲明一個只讀的常量 , 常量的值就不能改變 ;
const gender = 0;
3、ES6 簡介
使用 var 關(guān)鍵字 聲明變量 是傳統(tǒng)方式 , 任何時候都可以使用 ;
let 和 const 聲明變量的關(guān)鍵字 是在 ES6 中引入的 ,
ES6 全稱 ECMAScript 2015 , 是JavaScript語言的下一代標(biāo)準(zhǔn) , 2015 年 6 月 正式發(fā)布 ; 其目的是 使 JavaScript 語言能夠用于編寫更復(fù)雜的大型應(yīng)用程序 , 進而成為企業(yè)級開發(fā)語言 ;
ES6 中引入的新特性 :
- 類 Class
- 模塊 Module
- 箭頭函數(shù) Arrow Function
- 異步操作 Promise
- 異步函數(shù) Async/Await
這些特性可以更方便地實現(xiàn)很多復(fù)雜的操作 , 提高開發(fā)人員的效率 ;
4、變量類型
JavaScript 是一種動態(tài)類型語言，不需要在聲明變量時指定其類型 ;
JavaScrip 變量 的 數(shù)據(jù)類型 由 設(shè)置給變量的值決定 , 變量類型 可以在程序執(zhí)行過程中更改 ;
JavaScript 數(shù)據(jù)類型 :
- Number : 整數(shù)和浮點數(shù) ;
- String : 文本數(shù)據(jù)或字符序列 ;
- Boolean : true 和 false , 用于進行邏輯運算 ;
-
Object : 對象類型 ;
- Array : 表示和操作有序的元素集合 ;
- Function : 可調(diào)用對象 , 執(zhí)行特定任務(wù)返回結(jié)果 ;
- Date : 日期和時間的對象 ;
- RegExp : 正則表達式對象 ;
- Map 和 Set : ES6 引入的 新數(shù)據(jù)結(jié)構(gòu) , 分別用于存儲鍵值對集合和唯一值集合 ;
- Null : 值 null , 表示 空值 或 不存在的對象 ;
- Undefined : 值 undefined , 表示未定義類型 ;
5、變量初始化
變量初始化 :
- 聲明時初始化 : 聲明變量 的 同時 進行初始化 ;
// 聲明變量的同時進行初始化
var name = "Tom";
- 聲明后初始化 : 先聲明變量 , 然后再為其賦值 ;
// 先聲明變量
var name;
// 然后為變量賦值
name = "Tom";
- 默認(rèn)初始化 : 未初始化的 變量 會自動獲得 undefined 值 ;
// 默認(rèn)初始化 , 默認(rèn)為 undefined 值
var name;
二、JavaScript 變量示例
1、代碼示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- 設(shè)置 meta 視口標(biāo)簽 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>JavaScript</title>
<style></style>
<script>
// 聲明變量的同時進行初始化
var name = "Tom";
// 聲明變量 , 不進行初始化
let age;
const gender = 0;
// 用戶輸入年齡
age = prompt();
// 彈框中顯示信息
alert(name + " is " + age + " years old.")
</script>
</head>
<body>
</body>
</html>
2、展示效果
刷新頁面 , 彈出輸入框 , 輸入 年齡值 , 然后 彈出警告框 , 顯示內(nèi)容 ;文章來源：http://www.zghlxwxcb.cn/news/detail-840149.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-840149.html
到了這里，關(guān)于【JavaScript】JavaScript 變量 ① ( JavaScript 變量概念 | 變量聲明 | 變量類型 | 變量初始化 | ES6 簡介 )的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
