优质做网站哪家好,公司创建网站要多少钱,佛山seo网站优化,中国网库做网站文章目录 一、JavaScript 变量1、变量概念2、变量声明3、ES6 简介4、变量类型5、变量初始化 二、JavaScript 变量示例1、代码示例2、展示效果 一、JavaScript 变量 1、变量概念 JavaScript 变量 是用于 存储数据 的 容器 , 通过 变量名称 , 可以 获取 / 修改 变量 中的数据 ;
… 文章目录 一、JavaScript 变量1、变量概念2、变量声明3、ES6 简介4、变量类型5、变量初始化 二、JavaScript 变量示例1、代码示例2、展示效果 一、JavaScript 变量 1、变量概念 JavaScript 变量 是用于 存储数据 的 容器 , 通过 变量名称 , 可以 获取 / 修改 变量 中的数据 ;
变量 的 本质 是 存放数据 的 一块内存空间 ;
在 JavaScript 中使用 var / let / const 关键字来声明变量 , 每个变量都有一个 变量名 和 一个 变量值 ; 2、变量声明 JavaScript 变量声明 :
var 关键字 : 使用 var 关键字 声明 变量 , 其 作用域 是其当前执行上下文 ;
var name Tom;let 关键字 : 使用 let 关键字 声明变量 , 在 var 的基础上进行了优化 ;
let age 18;const 关键字 : const 关键字 用于 声明一个只读的常量 , 常量的值就不能改变 ;
const gender 0;3、ES6 简介 使用 var 关键字 声明变量 是传统方式 , 任何时候都可以使用 ;
let 和 const 声明变量的关键字 是在 ES6 中引入的 ,
ES6 全称 ECMAScript 2015 , 是JavaScript语言的下一代标准 , 2015 年 6 月 正式发布 ; 其目的是 使 JavaScript 语言能够用于编写更复杂的大型应用程序 , 进而成为企业级开发语言 ; ES6 中引入的新特性 :
类 Class模块 Module箭头函数 Arrow Function异步操作 Promise异步函数 Async/Await
这些特性可以更方便地实现很多复杂的操作 , 提高开发人员的效率 ; 4、变量类型 JavaScript 是一种动态类型语言不需要在声明变量时指定其类型 ;
JavaScrip 变量 的 数据类型 由 设置给变量的值决定 , 变量类型 可以在程序执行过程中更改 ;
JavaScript 数据类型 :
Number : 整数和浮点数 ;String : 文本数据或字符序列 ;Boolean : true 和 false , 用于进行逻辑运算 ;Object : 对象类型 ; Array : 表示和操作有序的元素集合 ;Function : 可调用对象 , 执行特定任务返回结果 ;Date : 日期和时间的对象 ;RegExp : 正则表达式对象 ;Map 和 Set : ES6 引入的 新数据结构 , 分别用于存储键值对集合和唯一值集合 ; Null : 值 null , 表示 空值 或 不存在的对象 ;Undefined : 值 undefined , 表示未定义类型 ; 5、变量初始化 变量初始化 :
声明时初始化 : 声明变量 的 同时 进行初始化 ;
// 声明变量的同时进行初始化
var name Tom;声明后初始化 : 先声明变量 , 然后再为其赋值 ;
// 先声明变量
var name;
// 然后为变量赋值
name Tom;默认初始化 : 未初始化的 变量 会自动获得 undefined 值 ;
// 默认初始化 , 默认为 undefined 值
var name;二、JavaScript 变量示例 1、代码示例 !DOCTYPE html
html langenheadmeta charsetUTF-8!-- 设置 meta 视口标签 --meta nameviewport contentwidthdevice-width, initial-scale1.0, user-scalableno,maximum-scale1.0,minimum-scale1.0meta http-equivX-UA-Compatible contentieedgetitleJavaScript/titlestyle/stylescript// 声明变量的同时进行初始化var name Tom;// 声明变量 , 不进行初始化let age;const gender 0;// 用户输入年龄age prompt();// 弹框中显示信息alert(name is age years old.)/script
/headbody
/body/html2、展示效果 刷新页面 , 弹出输入框 , 输入 年龄值 , 然后 弹出警告框 , 显示内容 ;
