目录
文章目录
前言
Javascript实现页面动态效果
如:
轮播、分页器、日历、
node开发服务器、
React、Vue框架
一、Javascript简介
Js由三部分组成:ECMAScript、Dom、Bom
1.ECMASpt:欧洲计算机协会定的语法规范
2.Dom:文档对象模型
3.Bom:浏览器对象模型31
Javascript可放在程序的任意部分。
Javascript程序书写在script双闭合标签中
二、内置函数
1.alert、prompt
alert("…"); -警告框
prompt() 提示框
//接收提示框输入的数据
var age=prompt("小兄弟多大了");
console.log(age);
2.console-控制台使用
console.log(…)
打印多个数据用“,”隔开
控制台可进行数据的运算,获得结果
3.数据类型
数据类型 | 数值 |
---|---|
String(字符串) | “我喜欢你” |
Number(数字) | 100,200 |
Boolean (布尔) | ture、false |
Undefined (未定义) | undefined |
Null(空) | null |
Object(对象) | 函数、数组、正则、Dom、Bom |
3.1数字类型
分为整数和浮点数
数字类型在控台中打印为蓝色
1.整数
2.浮点数
即小数,0~1的小数,可省略小数点前的0
浮点数的运算:由于IEEE 754标准,浮点数转换为二进制计算
3.数字特殊值
Infinity 无穷大
NaN (Not A Number)计算不出数字结果时显示
3.2 字符串类型
字符串两侧必须加上引号。
在控制台打印为黑色。
引号内一个字符也没有,那就是空字符串
3.3 数据类型判断
console.log(typeof+空格+数据)
3.4 数据类型转换
1.数字=>字符串
通过连字符(+)转换。
例如:
12+“我是大帅比” =>“12我是大帅比”
12+“3456” =>“123456”
2.数字=>字符串
parse:解析
parseInt() 转换为整型
parseFloat() 转换为浮点型
从左到右开始转换,转化不了就舍弃
若开始就不是数字,就返回NaN
3.4 隐式类型转换
1.数字类型的NaN参与的运算均为NaN
特别的NaN===NaN =>false
NaN与任何数值比较均为false
2.字符串类型转换
“+”为拼接
“-,*,%,/”需要隐式转换为数字
String类型 | 转换为数字类型 |
---|---|
空字符串 | 0 |
纯数字 | 对应数字 |
非纯数字 | NaN |
3.其他类型转换
数据类型 | 隐式转换为数字类型 |
---|---|
undefined | NaN |
true | 1 |
false | 0 |
null | 0 |
4.字符串比较
其他类型与字符串比较要进行隐式转换,字符串隐式转换为NaN。
字符串与字符串比较,将字符串转换为ACSII码从左到右进行对比
0 - 9 < A - Z < a - z
3.5 逻辑运算符
三种逻辑运算符:与 && 、或||、非!
逻辑与&&
同时为真才为真,否则为假。
A&&B,
A真,输出显示B
A假,输出显示A,即为假
逻辑或||
只要有一个真,则结果为真,否则结果为假
A||B
A为真,全为真,输出A
A为假,只能输出B
逻辑非!
数据置反。可同时多个出现。
非布尔类型的值进行逻辑运算
通过Boolean()进行隐式类型转换为布尔类型,结果可能不为布尔类型
数据类型 | 布尔值 |
---|---|
o | false |
NaN | false |
非0和NaN数字 | true |
空字符串 | false |
非空字符串 | true |
未定义类型数值 | false |
空对象null | false |
三、变量
使用变量需:声明、赋值、使用。
使用var声明变量
等号右侧数值赋值给左侧声明的变量。
可多次赋值,后面赋值回层叠前面的赋值。
变量提升
变量声明部分会被提升到作用域的最上方。
变量被声明但未赋值,其默认值为undefined
四、Math对象
//Math对象的方法
Math.abs()//获取数值绝对值
Math.pow(2,3)//2的3次幂
Math.randow()//得到0~1之间的随机数