重学js与js基础

webAPI

BOM

DOM

script引入

外部引入样式中间不能写代码，否则会被忽略

输入和输出语法

注意prompt输入的数字是字符串类型，相加时注意转换

每行结尾分号可加可不加，建议不加，工作时按照公司开发文档来。一行 有两句语法的时候必须加分号 。

<script>
        // 弹出警示框  在页面上方弹出给用户看
        alert('清华niub')
        // document  文档的意思  write 写  在页面上显示出来给用户看
        document.write('清华牛逼')
        document.write('<h1>清华是最牛213123逼的</h1>')
        // 输入语句  在页面上方弹出框让用户输入   
        prompt ('清华是最好的学校嘛？')
        // 弹出警示框
        alert('你好 JS~')
				//console控制台
        console.log('JavaScript我来了！')
    </script>

变量

变量是什么？

变量就像盒子，赋的值就是数据，数据就保存在盒子里面。

变量的使用

（字符串加''）

1.let 变量名 = 赋的值 ；

要先声明变量，然后再赋值

let num1 = 10；

2.let 变量名；

变量名 = 赋值；

let num ；
num = num1； 

变量的本质

在内存中申请一块地方用来存储数据

变量命名规范

1.特殊语义的关键词不能用

比如js内置的英语词汇，比如：left、var、if、for等。

2.只能使用下划线、数字、字母、$组成，不能以数字开头。

3.字母严格区分大小写，大小写表达的变量是完全不同的。小驼峰命名法

let和var 的区别

建议统一使用let声明变量

let的存在就是为了解决var存在的问题

1.var可以先使用，再赋值，这样是不合理的。

2.var声明过的变量

数组

可以按顺序保存多种数据

字符串注意加''符号 数组排序从0开始

//声明数组    数组排序从0开始
let arr = [数据1，数据2，数据3,......]
//数组的取值
console.log（[数组序号]）

数据类型

为什要分类？更好的利用内存；更方便程序员使用数据。

基本数据类型

number数字类型

js中的小数、负数、正整数等统一称为数字类型

js是弱数据类型，变量到底属于哪一种，只有赋值之后才知道

string字符串类型

通过单引号'',或者双引号""，或者反引号。单引号和双引号没有本质上的区别，更建议使用单引号。

数字用引号包起来就属于字符串类型

变量名加上引号后，也当字符串来看

字符串的拼接用+号来完成

模板字符串

拼接字符串和变量不用再使用+号。

``用英文状态下数字1左边那个键将整体包住，用${变量名}来包裹变量。

里面可以加标签

//以前的写法
alert('大家好，我叫' + name + ',今年' + age + '岁啦！')
模板字符串写法
alert(`大家好，我叫${name}，今年${age}岁啦！`)

boolean布尔类型

只有两个固定的值，真ture，假false。

未定义类型undefined

只声明，不赋值

实际场景中可以判断

null空类型

let 变量名 = null；

null和undefined的区别

1. undefined表示没有赋值
2. null表示赋值了，但是对象还没创建好，内容为空，可以先给一个null。

最后：变量只声明不赋值，是不会报错 ，但是不提倡这么写。

检测数据类型

typeof检测返回的数值是什么类型

console.log(typeof 123)   //数字类型 number
console.log(typeof '123')   //字符串类型   string
console.log(typeof true)   //布尔类型     boolean
console.log(typeof null)   //空类型			object

引用数据类型

object

function

array

类型转换

隐式转换：

1. 除了 + 以外的运算符，字符串和数字类型 - * /等时，会把字符串转化为数值
2. 字符串和数字类型 + 时，会把数值类型转化为字符串类型

1. 给字符串前添加 + 时，会把字符串类型转化成数值类型

显式转换：

转换成数字型：

只有两种结果，一种数字，一种是NaN

当开头输入的是文字时，结果是Nan，可以配合prompt用来判断用户输入的是否为数字

当字符串转化成数字运算时，显式运算符只能两个字符串变量分别转换成数字。

Number将字符串类型转化为数字类型，且小数点后面也显示

1. console.log(Number('10.01')) 结果为数字10.01

parseInt将字符串类型转化为数字类型，且不保留小数点后面的数字，也不进行四舍五入

1. console.log(parseInt('10'))
2. console.log(parseInt('10.555'))

parsefloat将字符串转化为数字类型，会保留小数

1. console.log(parsefloat'10.999'))

Number和parsefloat转化的区别

1. Number只能放数字类型的字符，加入其他字符后，返回的值为NAN（no A number）。例如放入123abc显示NAN。
2. parsefloat经常用于过滤单位，开头只能是数字后面接其他字符。例如放入100px，显示结果为100。

转换成字符串类型：

用String将其他类型转化为字符串类型

1. console.log（String(10)）输出结果为字符串10

另一种转换方式 用的较少

1. let age = 10; console.log（age.toString()） 输出结果为字符串10

如果给toString(2)里面加上数字，就是将数字转化成二进制后，再以二进制的样式呈现出字符串。

引用数据类型