1、JS基础简介
- ECMAScript:规定了核心语法知识
- DOM
- BOM
JS书写位置:
- 行内 JavaScript
- 内联 JavaScript
- 外联 JavaScript
输入语法:
prompt('提示信息');
显示一个对话框,对话框中包含一条文字信息,用来提示用户输入文字
confirm ('提示信息');
显示一个确认框,用户可以点击 确定 与 取消
输出语法:
1. alert ('内容')
页面弹出警告对话框
2. console.log ()
控制台输出语法,程序员调试使用
3. document.write('')
向body内输出内容,如果输出的内容写的是标签,也会被解析成网页元素
2、变量
理解变量是计算机存储数据的“容器”
注意 :
同一个变量不能用let声明两次;如果仅声明了变量没有赋值,此时变量的值是undefined
let 变量名 = 数据
let 变量名 (在内存中申请一个空间,并且为这个空间命名)
变量名 = 数据 (将数据保存到刚刚申请的这个空间中)
命名规则:
强制要求:
只能包含字母、数字、下划线、$、不能以数字开头
不能是js的关键字
人为约束:
见名知义
多个单子组成,推荐采用小驼峰(除第一个单词外,其余单词首字母大写)
常量 :是一种特特的变量,一旦定义了就不能被修改,且定义的时候必须赋值
const 常量名 = 数据;
三、数据类型
基本数据类型 5种
1 数值number 直接定义即可
2 字符串string 必须用引号括起来 单引号‘’ 双引号“” 反引号``
3 布尔类型boolean 仅有两个值(状态) true / false
... ...
4 未定义 undefined
5 空类型 null (类型名 object)
数组 也是返回 object
tips:
对于prompt()
浏览者点击了确定,接收到的就是string类型;
浏览者点击了取消,接收到的就是null类型。
对于从confirm()
确定接受到true 取消接受到false
复杂数据类型 8种
数组 [数据,数据,数据,... ...]
四、运算
只有相同的数据类型,才可以直接运算 ,否则要进行数据的转换,隐式转换·显式转换
隐式转换的特殊情况 :
数值的运算
1. + - * /
2. % 求余数
判断一个数是不是另一个数的整数倍 ;判断数的奇偶性 x % 2 即可
3. ++ 自增1 a = a + 1
4. -- 自减1 b = b + 1
字符串的运算
1. +
2. +=
五、字符提取
1、 number提取不了非数字,只能提取纯数字字符串
2、 pasreInt(字符串)
在一个字符串中,**从左向右**依次进行提取**整数**,直到遇到第1非数字才停止
3、 pasreFloat(字符串)
在一个字符串中,**从左向右**依次进行提取**小数**,直到遇到第1非数字才停止
模板字符串 :
使用反引号的字符串也称之为模板字符串
特点 :
可以换行定义字符串
可解析变量的值 $ {变量名}