js学习1

目录

---

---

前言

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之间的随机数