javascript基础

JavaScript 基础

编程语言

• 机器语言
• 汇编语言
• 高级语言
  • 编译型
  • 解释型

JavaScript 发展

• ECMA3
• ECMA5
• ECMA6 (ECMA2015 ECMA2016 ECMA2017)

客户端 JavaScript 组成

• ECMAScript （核心 基本语法）
• BOM （浏览器模型）
• DOM （文档对象模型）

JavaScript 基本语法

在HTML中的使用

• 使用 script 标签引入 js文件
• 把js代码写在 script 标签中

JavaScript 注释

• 单行注释 // 注释
• 多行注释 /* 注释 */

JavaScript 指令结束符

• 换行
• 分号

JavaScript 的输出

• 控制台输出 console.log()
• 弹框输出 alert()
• 输出到页面 document.write()

JavaScript 变量

直接量

变量： 装数据的容器

变量的命名规则

• 不能以数字开头
• 有 数字、字母、下划线 组成
• 不能使保留字

命名方式

• 小驼峰 userAge
• 大驼峰 UserAge
• 匈牙利 user_age

声明变量

	var 变量名 = 值;
	var var01=val,var02=value;  //同时声明多个变量

JavaScript 数据类型

原始类型

• Number 数字
• String 字符串
• Boolean 布尔
• Null 空
• Undefined 未定义

对象类型

• Date
• Array
• Object
• .....

检测函数

• typeof()
• console.log(typeof(100));//number
• console.log(typeof("hello"));//string
• console.log(typeof(true));//boolean
• console.log(typeof(null));//object
• console.log(typeof(undefined));//undefined

Number类型

分类

• 整型 整数
• 浮点型 小数

直接量表示

• 十进制的整数或小数 19.9
• 八进制表示 010
• 十六进制表示 0x65
• 科学计数法 7e6

特殊的Number

• inFinity 正无穷
• -inFinity 负无穷

非数字值 NaN (not a number)

• 与任何数字进行计算 结果是NaN
• 跟任何值都不相等

数值函数

• isNaN() 判断是否是 NaN true/false
• isFinite() 是否无穷

String 字符串

定义字符串

• 双引号
• 单引号

转义字符

"
'
\n 换行
\r 回车
\t 制表符Tab
\v 垂直制表符
\f 换页符
\b 退格符
\

字符串连接符

• +

数据类型转换-自动转换

• 数字运算环境
• console.log("a" * "b");//NaN
• console.log("4" * "12");//48
• console.log(true * "12");//12
• 字符串环境
• console.log(123 + "45");//12345