JS_01

一、JS简介

1.Javascript简称JS，是一门编程语言

2.JS属于脚本语言。脚本语言的特征：可以嵌套在网页中，给网页添加一些动态效果。

1.1，JS的用途

概述：JS属于一门脚本语言，可以给网页设置动态效果。

比如说给轮播图设置动态效果、动态日历、网页分页器等等

node平台开发服务器，利用的也是js

react，vue框架的最底层也是利用js

1.2，JS的组成

前端三层：

html（结构层）	利用语义化标签搭建网页
css  （样式层）	利用样式进行美化网页和网页布局
JavaScript（行为层）	可以给网页添加动态效果

JS的三个组成成分：
1.ECMAScript：由欧洲计算机协会，大概每年六月中旬定制的语法规范

2.Dom：document object model，中文全称：文档对象模型

3.Bom：browser object model，中文全称：浏览器对象模型

1.3、JS的书写规范

概述：JS属于脚本语言，他需要嵌套在网页中才可以运行

我们需要通过双闭合标签script，将JS语法嵌套在网页中运行。

而且，script标签可以放在网页的任意地方，并且可以同时拥有多个script标签。

一般来讲script标签放在程序的最底端。

script标签内部只能放JS语法，标签、样式不能放在script标签里

script标签有一个type属性，属性值为text/javascript。代表的是书写JS的语法

 

二、内置函数

内置函数：内置，可以理解为浏览器自带的；函数，可以理解为某一种功能

2.1、alert——警告框

概述：alert是JS中的一个内置函数，主要作用是在浏览器正上方弹出一个警告框

<script>

    //内置函数-alert的使用

    alert("警告，警告!");

    alert("FBI!open the door!!!");

</script>

警告框的使用：由关键字alert开头，后面紧跟小括号，小括号里面传递的内容即为警告框显示内容，传递参数一般情况下需要加上双引号或者单引号。alert可以设置多个，效果为第一个警告框点击确定后会弹出第二个alert中的内容。同样的，在每一行程序的结尾需要加上；。

2.2、prompt——提示框

概述：prompt是一个内置函数，主要作用是可在浏览器正上方弹出一个提示框

语法：和alert警告框的语法一模一样。

<script>

    prompt("请不要离开此页面");

</script>

 

书写的内容在上方显示，下面会显示表单元素。

同样的，prompt提示框也可以多次使用，当点击确定后页面会显示第二个prompt的内容

2.3、控制台的使用

概述：在JS中，我们可以通过console对象的log方法在控制台中输出一些内容

语法：console.log（参数）；

审查元素快捷键：ctrl+shift+I

<script>

    console.log("我是控制台中打印的数据");

    console.log("clearlove","viper");

</script>

 

 注意事项：

1.console.log可以在控制台中打印一些数据

2.如果需要同时打印多个数据，多个数据之间用，隔开，但是逗号不会在语句之间显示，会显示空格

3.当程序出现错误的时候（红色），可以在控制台中进行查看

4.控制台可以进行数学运算，可以获取到运算的结果

 

 三、字面量

概述：在JS世界中，我们书写的数据是不能瞎写的。由于JS中的数据 是有数据类型划分的。

JS的数据类型一共有六种：五个基本数据类型、一个引用类型

五个基本数据类型：

数据类型	数值
String（字符串类型）	“我是XXX”
Number（数字类型）	99 -100
Boolean（布尔类型）	true false
Undefined（未定义类型）	underline
Null（空对象类型）	null

一个引用类型：

数据类型	数值
Object（引用类型）	函数，数组，正则，DOM,BOM等

注意：以后在编程的时候，书写的数据务必是这六种数据类型当中的数值。

若不是，否则程序就会报错。

字面量：某一种类型数据的一个固定的数值，当看到这个固定的数字的时候，我们就知道他是属于哪种类型的数据。

3.1、数字类型字面量

概述：在JS中，数字类型的字面量使用频率相对高，常使用的数字类型的字面量无非就是两个，整数和小数（浮点数）

3.1.1、整数字面量

概述：在JS当中整数字面量，即为十进制的数字，逢十进一。整数的数字区分正负之分的

 

<script>

    //十进制的数字（整数）

    console.log(100);

</script>

注意事项：
在js中，十进制的数字使用次数非常多

整数有正负之分

数字在控制台中打印的时候，是蓝色的

3.1.2,、小数（浮点数）字面量

概述：浮点数，即为小数，是数字中带有小数点的，也有正负之分。

  //浮点数

    console.log(3.1415926);

    //若小数在0~1之间的小数，可以省略0

    console.log(.123);

 

 注意事项：

 

 小数在进行计算的时候，比如0.1+0.2这个比较特殊，由于0.1和0.2在进行计算的时候，计算机是转换成二进制的数据进行计算。没办法进行整除（所以后面保留的17位小数），遵守IEEE754浮点数算数标准。

3.1.3、科学计数法

概述：科学计数法是表示数字的一种形式。代表的是某一个数字与10的N次幂的乘积。

//科学计数法

    console.log(6e2);

表示600，e或E都可以

3.1.4、特殊值

3.1.4.1、Infinity

概述：在JS当中，数字其实是有范围的。-2^53~2^53。如果开发中书写的数字超出了这个范围，可以利用特殊值Infinity进行表示。Infinity这个数字类型的特殊值，也有正负之分

 

 

<script>

    //数字类型的特殊值——Infinity

    console.log(Infinity);

    console.log(-Infinity);

    console.log(2e1316462);

    console.log(-2e1316462);

</script>

注意事项：
Infinity的第一个字母大写的

3.1.4.2、NaN

概述：NaN，英文全称：Not A Number，它是Number数字类型中的一个特殊值。这个数值一般在数学计算不出结果的时候会出现。

比如：0/0中0不可以作为分母，此时就会返回数字类型的特殊值NaN。

 

 

 //数字类型的特殊值NaN

    console.log(0/0);

 但是如果是一个非0的数字除以0，会出现Infinity或者-Infinity

    console.log(15413215/0);

 

 3.2、字符串类型的字面量

概述：字符串，英文：String  字符串类型数据的外层需要加上双引号或者单引号

字符串是由字符组成的。字符串中的字符可以使汉字、英文字母、数字或者任意的特殊符号

 

<script>

    //字符串类型的字面量

    console.log("我是一个湖人粉丝");

</script>

注意事项：

字符串类型的数据外层务必加上双引号或者单引号。

字符串在控制台中打印的时候是黑色的

空格也算一个字符

数据外层如果加上双引号或者单引号，就是字符串类型的数据

如果一个字符串中一个字符都没有，则称为空字符串