1.3日知识点梳理

Html：提供网页的结构，提供网页中的结构和内容。

Css：用来美化网页。

Javascript：可以用来控制网页内容，给网页增加动态，交互的效果。

Java是运行在服务器端的面向对象编程语言，javascript是运行在客户端的脚本语言。

Javascript的解释器被称为javascript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在html（标准通用标记语言下的一个应用）网页上使用，用来给html网页增加动态功能。

js的组成部分

ECMAScript-javascript的核心（标准）

ECMAScript是javascript的核心，定义了javascript的语法规范，描述了语言的基本语法和数据类型。

BOM-浏览器对象模型

一套操作浏览器功能的API，通过BOM可以操作浏览器窗口。

DOM-文档对象模型

一套操作页面元素的API，DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点操作。

JS初体验

行内式

行内式是指将单行或少量的javascript代码写在html标签的事件属性中国（也就是以on开头的属性，如：onclick）。

内嵌式（嵌入式）

例题：

<script>

Alert(‘内嵌式’);

<script/>

外部式（外链式）

<script src=”main.js”></script>

引用外部js文件的script标签中不可以写javascript代码。

注释

单行注释

//单行注释

多行注释

/*多行注释 */

文档注释

/** 文档注释*/

实例：

/**

*

* @param{这是传进来的第一个数} a

* @param{这是传进来的第二个数} b

* @returns

*/

Function sum（a，b）{

Return a+b;

}

变量

什么是变量？

变量是计算机内存存储数据的标识符，根据变量名称可以获取到内存中存储的数据。

为什么要使用变量？

使用变量可以方便地获取或修改内存中的数据。

如何使用变量？

变量的声明、赋值、同时声明多个变量、同时声明多个变量并赋值。

变量的命名规则和规范

规则——必须遵守的，不遵守会报错

由字母、数字、下划线、$符号组成，不能以数字开头;

不能是关键字和保留字，例如for、while;

区分大小写

规范——建议遵守的，不遵守不会报错

变量名必须有意义

遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。例如user！Name、userPassword

变量在内存中的存储

例题：

Var age=18;

Var name=’zs’;

所有的变量都存储在内存里。

数据类型

简单数据类型

简单类型包括:Number、String.Boolean、Undefined、Null。

Number类型

数值字面量:数值的固定值的表示法。例如:110、1024、60.5。

进制。

例题：

<script>

 console.log(Number.MIN_VALUE);

console.log(Number.MAX_VALUE);

 console.log(isNaN("10"));

</script>

<script>

 var hello="大家好,现在是2023年";

    console.log(hello,length);

</script>

String类型

字符串字面量

例如‘abc’、‘123’、‘程序员’、“程序员”。

转义符。

字面量	含义
\n	换行
\t	制表
\b	空格
\r	回车
\f	禁止
\\	斜杠
\’	单引号（‘），在单引号表示的字符串中使用。
\”	单引号（“），在双引号表示的字符串中使用。
\xnn	以16进制代码nn表示的一个字符（其中n为0-F）。
\unnnn	以16进制代码nnnn表示的一个unicode字符（其中n为0-F）。

字符串长度：length属性用来获取字符串的长度。

字符串拼接：字符串拼接使用+连接。

两边只要有一个是字符串，那么＋就是字符串拼接功能。两边如果都是数字，那么就是算术功能。

Boolean类型

Boolean字面量：true和false，区分大小写。

计算机内部存储：true为1，false为0。

例题：

<script>

  console.log(true);

      console.log(true+false);

</script>

Undefined

undefined 的字面意思就是:未定义的值。这个值的语义是，希望表示一个变量最原始的状态，而非人为操作的结果。这种原始状态会在以下4种场景中出现:

·声明一个变量，但是没有赋值;

·访问对象上不存在的属性或者未定义的变量;

·函数定义了形参，但没有传递实参;

·使用void对表达式求值。

Null

null 的字面意思是:空值。这个值的语义是，希望表示一个对象被人为的重置为空对象，而非一个变量最原始的状态。在内存里的表示就是，栈中的变量没有指向堆中的内存对象。

一般在以下2种情况下我们会将变量赋值为null:

·如果定义的变量在将来用于保存对象，那么最好将该变量初始化为null，而不是其他值。

·当一个数据不再需要使用时，我们最好通过将其值设置为null来释放其引用，这个做法叫做解除引用。

例题：

<script> 

console.log("");

     console.log(null);

</script>

<script> 

var object=null;

    object=JSON.stringify("data");

    object=null;

</script>

复杂数据类型

复杂数据类型包括：Object（对象）、Date（时间）、Array（数组）等。

获取变量的类型

Typeof可以获取变量的类型

但是复杂类型及null返回的均是object，不能确定具体类型。

数据类型转换

转换成字符串类型

tostring()

例题：

<script>

var num = 5;

console.log(num.tostring());

</script>

string()

String()函数存在的意义:有些值没有 tostring()，这个时候可以使用string()函数。比如: undefined和null。

例题：

<script>

var num = 1,un;

<console.log(num.tostring());

console.log(string(un));

</script>

拼接字符串方式

num + ""，当+两边一个操作符是字符串类型，一个操作符是其它类型的时候，会先把其它类型转换成字符串再进行字符串拼接，返回字符串。

转换成数值类型

Number()

Number()函数可以把任意值转换成数字。

如果对象的值无法转换为数字，那么Number()函数返回NaN。

parselnt()

如果对象的值无法转换为数字，那么Number()函数返回NaN。

parseFloat()

parseFloat()和 parseFloat()非常相似,不同之处在于:parseFloat()会解析第一个. ，当遇到第二个. ，或者非数字时结束。如果解析的内容里只有整数，则解析成整数。

+、-、0等运算

例题：

<script>

var str = "500";

console.1og(+str);

console.1og(-str);

console. 1og(str - 0);

</script>

转换成布尔类型

Boolean()

1. (空字符串) 、nu11、 undefined、NaN 会转换成fa1se，其它都会转换成 true。

操作符与表达式

表达式由操作数和操作符组成，可以产生一个值，有可能是运算、函数调用，也有可能是字面量。表达式可以放在任何需要值的地方。

算术运算符

+、-、*、/、&、%

案例：

<script>

console. 1og(1314/ 520);

<scrpit/>

一元运算符

在前：先运算后赋值

在后：先赋值后运算

例题：

<script>

Var num1=6;

Num1++;

Console.log(num1);

<script/>

案例2：

<script>

Var num1=6;

Console.log(Num1++);

<script/>

案例3：

<script>

Var num1=6;

Console.log(Num1++  +  ++Num1);

<script/>

案例4：

<script>

Var num1=6;

Num1++;

Console.log(Num1++  +  ++Num1);

<script/>

逻辑运算符（布尔运算符）

&&：与运算

两个操作数同时为‘true，结果为true，否则为false。

||:或运算、

两个操作数有一个为true，结果为true，否则为false。

！:非运算

逻辑值取反。

短路效果:第一个表达式能推断出结果，则不会执行第二个表达式。

例题：

<script>

var a =1;

var b = true ll ++a;

console.1og(b);

Var  c = false && ++a;

console.log(c);

<script/>

关系运算符（比较运算符）

<、>、>=、<=、==、!=、===、!==

==与===的区别:

==表示相等，会在进行相等比较之前先进行必要的值类型转换;===表示严格相等，运算符不会执行类型转换，如果两个值类型不同则直接返回false。

赋值运算符

=、+=、-=、*=、/=、%=

例题：

<script> var num2=8;

    var sum;

    sum+=num2;

</script>

运算符的优先级

优先级从高到底:

1. （）：优先级最高
2. 一元运算符：++、--、！
3. 算术运算符：先&、/、%、后+、-
4. 关系运算符：>、>=、<、<=
5. 相等运算符：==、!=、===、!==
6. 逻辑运算符：先&&、后||
7. 赋值运算符：=