day01

js代码的从上到下的逐条执行的

JS中严格区分大小写，每个语句用于分号；结尾
输出语句
alert("我是在弹出框中输出");
document.weite("我是在页面输出");
console.log("我是在控制台输出");

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LZjiwtlb-1628061053528)(C:\Users\Lenovo\AppData\Roaming\Typora\typora-user-images\image-20210723165444463.png)]

a标签

href=“javavscript:JS代码;”：在冒号后面就可以写js代码

<a href="javascript:alert('这里面可以写js代码');"></a>

href=“javascript:;”：冒号后面没有代码，阻止a标签的默认跳转

<a href="javascript:;">我的跳转没有效果</a>

虽然这两种方式可以使用，但是它们属于结构与行为耦合，不方便维护，不推荐使用

script标签一旦通过src属性引入外部的js 文件，那么script标签中的js代码就变得无效。如果需要的话，可以创建一个新的script标签用于编写当前页面的内部js代码，一个页面中可以有无数个script标签。

字面量：是不可改变的值，可以直接使用的，但是一般不会直接使用字面量

变量：可以用来保存字面量，而且变量的值是可以任意改变的，变量声明时没有赋值，使用时就会报错undefined。

标识符：可以自主命名的。比如：变量名，函数名，属性名等等

标识符的规则：

1.可以含有字母数字，_，$

2.不能以数字开头

3.标识符不能是js中的关键字或者保留字

4.标识符一般采用驼峰命名，首字母小写，每个单词开头字母大写，其余小写

JS底层保存标识符时实际上是采用Unicode编码，所以理论上讲，所有的utf-8中含有的内容都不可以作为标识符

中文也可以作为变量名，但是不建议使用（会被笑话）

数据类型

数据类型指的就是字面量的类型，在js中一共有六种数据类型，分为基本数据类型和引用数据类型

基本数据类型：

String：字符串，是需要使用引号/""/括起来，可以用单双引号嵌套使用，但是不能混用,不加引号就变成变量

在字符串中，用\作为转义字符，当表示一些特殊符号可以使用\进行转义，如：

\"，\'，\n换行,\t制表符，\\表示\，

Number：数值（整数和浮点数（小数）），Infinity和NaN都是变量，不用加引号，

0.1+0.2=0.30000000000004

如果使用js进行浮点元素，可能得到一个不精确的结果。不止js有问题，其他语言也有这个问题，但是其他语言可以解决，js暂时不好解决，所以不建议用js来进行精确的数值运算

+(-)Infinity：正负无穷

NaN：是一个特殊的数字，表示not a number,而不是报错

Boolean：布尔值，true和false，主要用来做逻辑判断

Null：空值，null，专门用来表示一个为空的对象

var a= null;
console.log(typeof a);  //object

Undefined：未定义，声明一个变量，未赋值

引用数据类型：

Object：对象

typeof：用来检查变量的类型，语法：typeof 变量名

强制类型转换

将一个数据类型强制转换为其他的数据类型，主要是将其他的数据类型转换成String，Number，Boolean

转成string类型

1.调用被转换数据类型的toString()，

1.1 该方法不会影响到原变量，它会将转换的结果返回，所以要用一个新的变量接收

1.2 null和undefined类型没有toString()，如果调用就会报错

var a = 123;
var b = a.toString()
console.log(typeof a)  //number
console.log(typeof b)  //string
console.log(a)  //123
console.log(b)  //'123'

2.调用String()函数，并将被转换的数据作为参数传递给函数，谁转换就将谁当做参数放进String()函数里面去，需要变量接收

2.1使用String()函数做强制类型转换时，对于Number和Boolean实际上是调用的toString()方法，所以用哪个都可以，没区别

2.2对于null和undefined就不会调用toString()方法，它会将null直接转换成“null”,会将undefined直接转换成"undefined"

var a=123;
console.log(typeof a);  //number
a=String(a)
console.log(typeof a);  //string

转成Number类型

1.使用Number()函数

字符串——数值

1.1如果是纯数字的字符串，则直接将其转换成数字

1.2如果字符串中有非数字的内容，则转换成NaN

1.3如果字符串时一个空值或是一个全是空格的字符串，则转换为0

布尔——数字

1.4Boolean值为true转成1，false转成0

null——数字：0

undefined——数字：NaN

var a= "123"
console.log(typeof a) //string
a=Number(a)
console.log(typeof a) //number
2.这种方式专门用来对付字符串（数字+字母）

parseInt()：把一个字符串转换成一个整数，将一个字符串中的有效的整数内容取出来，然后转换为number。

1.从左往右读取，遇到不是整数的就停止读取，就算后面还有整数，也不读取了。

2.如果字符串的第一个词就是非整数，就直接报出NaN,如果是0，就会忽略0，继续向后读取

3.如果字符串中有**.**，则结束读取

4.可以是parseInt()中传递第二个参数，来指定数字的进制

var a= "132px"
console.log(typeof a);  //string
//调用parseInt()函数将转换为Number
a=parseInt(a);
console.log(typeof a);  //number
console.log(a);  //132
//表示a是十进制的
parseInt(a,10)

parseFloat()：作用与parseInt类似，它可以获得有效的小数

var a= "132.456px"
console.log(typeof a);  //string
//调用parseInt()函数将转换为Number
a=parseInt(a);
console.log(typeof a);  //number
console.log(a);  //132.456

如果是对非String使用parseInt()或者parseFloat()，会将现将其转换成String，然后再进行操作（读取）

其他进制的数字

16进制：是以0x开头，//0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f。如：0x10，0xff

8进制：是以0开头，//0,1,2,3,4,5,6,7

2进制：是以0b开头，但是不是所有的浏览器都支持

所有进制转为2进制，就用除二法，数据一直除以2，取余数0和1，然后从后往前取

像070这种字符串，有些浏览器会当成8进制解析，有些会当成10进制解析

转换成Boolean类型

使用Boolean()函数

数字转Boolean

除了NaN和0为false，其他的（正，负，无穷）都是true

字符串转Boolean

除了空串、null、undefined，其余的（有字符的）都是true

，数据一直除以2，取余数0和1，然后从后往前取

像070这种字符串，有些浏览器会当成8进制解析，有些会当成10进制解析

转换成Boolean类型

使用Boolean()函数

数字转Boolean

除了NaN和0为false，其他的（正，负，无穷）都是true

字符串转Boolean

除了空串、null、undefined，其余的（有字符的）都是true

对象也会改为true