2022-07-11 第八组 张明敏 学习笔记

目录

一、javaScript

1.概念

2.核心对象

3.⽹页中引⼊javaScript三种⽅式

4.javaScript的作⽤

5.javaScript的特点

6.引⼊javaScript的⽅式

7.Js中String对象常⽤的⽅法：

8.Js语法：

9.Js中的函数：

    1.系统函数

    2.自定义函数

10.Js中函数的调用

11.匿名函数

12.程序调⽤

13.BOM概述：

14.编程语言的分类：

15.JS解释器：

16.JS在那里执行？在哪里创建？

17.外部引入JS

18.JS的简单数据类型

19.定义变量

二、数组

1.语法

2.使用数组函数

3.解释

三、其他

1.弹窗

2.三元/目运算符：

3.逻辑判断

4.switch..case结构：

(1)怎么选？

总结：

心得体会：

---

一、javaScript

1.概念

    是⼀种表述语⾔，也是⼀种基于对象(Object)和事件驱动(EventDriven)的，安全性好的脚本语⾔，运⾏在客户端，从⽽减轻服务器端的负担，总结如下：

1. javaScript主要⽤来向HTML页⾯找那个添加交互⾏为

   javaScript是⼀种脚本语⾔，语法和java类似。

   javaScript⼀般⽤来编写客户端脚本。

   javaScript是⼀种解释性语⾔，边执⾏边解释。

依靠浏览器运行，帮助我们控制页面

VueJS reactJS nodesJS前端的服务器语言

2.核心对象

    javaScript由核⼼语法ECMAScript、浏览器对象模型(BOM) 主要⽤于管理窗⼝与窗⼝之间的通讯，因此其核⼼对象是window、⽂档对象模型(DOM)三部分组成.

3.⽹页中引⼊javaScript三种⽅式

    1.使⽤<Script></Script>标签内部样式

    2.使⽤外部js⽂件

    3.直接在HTML标签中的⾏内样式。

4.javaScript的作⽤

    1.实现页⾯表单验证

    2.实现页⾯交互特效

5.javaScript的特点

    1.被设计⽤来向Html页⾯添加交互⾏为

    2.是⼀种英特⽹上最流⾏的脚本语⾔

    3.⼀般⽤于编写客户端脚本

    4．是⼀种解释性语⾔

6.引⼊javaScript的⽅式

    1.使⽤<Script>标签直接嵌⼊⽹页

    2.使⽤外部js⽂件

7.Js中String对象常⽤的⽅法：

    1. toString(包前不包后),

    2.toLowerCase();toUpperCase();

    3. charAt(index)；返回在指定位置的字符，indexOf(str,index)；指定字符串中⾸次出现的位置;split(str)；将字符串分割为字符串

8.Js语法：

    1.区分⼤⼩写

    2.注意变量，函数等命名规范

    3.每⾏代码以分号结束

9.Js中的函数：

    1.系统函数

ParseInt()；转换为整数 45.9a转换为45；a6转换返回为NaN(Not a Number) isNaN(判断是不是数字)

typeof(var)；判断是什么数据类型

eval(“5+2”)；计算表达式值

    2.自定义函数

Function 函数名(){javaScript代码}

Function 函数名(参数1，参数2){javaScript代码 return 返回值(可选)}

10.Js中函数的调用

    1. 事件名=“函数名(传递的参数值)“;

    2. 函数名(传递的参数值);

11.匿名函数

    匿名函数的声明：

Var 变量名=function(参数){ 函数体 return 返回值；} ;

12.程序调⽤

    1.添加alert();⽅法

    2.使⽤fireBug();⽅法

13.BOM概述：

Browser Object Model，浏览器对象模型

14.编程语言的分类：

解释型	JS Python
编译型	Java
半解释半编译	Java

15.JS解释器：

火狐：spidermonkey

Chrome node:v8

16.JS在那里执行？在哪里创建？

不成文的规定 ，JS放在最后</bady>上面

17.外部引入JS

18.JS的简单数据类型

1. 字符串string	a,中文，@
   数字number	整数·正数·小数·负数
   布尔boolean	ture(1),false(0)
   空Null	相当于声明，值为空
   Undefined	未定义，没有值

19.定义变量

1.变量  （开发中尽量少使用字面量，后期维护困难）

2.在ES6中（JS的新版本），推出let，const代替var

3.Let：变量用let声明，无法重复定义

4.Const:有let特点，const声明的变量就是一个常量

二、数组

1.语法

在javaScript中条件语句Switch(){}可以接字符串；

 数组：一个变量对应多个值

​
alert(“提⽰信息”)；

var isOk=confirm(“确认框“);//如果确认返回true，否则返回false

prompt();prompt(“提⽰信息”，“输⼊框默认信息”);

prompt(“请输⼊姓名”)

close();

open();

setTimeout()；在指定毫秒之后调⽤某个函数

setInterval()；在指定周期毫秒来调⽤某个函数

window.open();

​

2.使用数组函数

函数：定义一个函数，用来执行一系类代码（一定有（））；

函数定义以后，不会自己执行的。需要我们手动调用函数。

1. 无参数无返回值
2. 无参数有返回值
3. 有参数无返回值
4. 有参数有返回值

3.解释

1.函数内部不可以声明函数，但是可以声明函数，调用的方式和正常相同；

2.Return除了可以返回结果，还可以中止函数的继续执行；

3.开发中，尽量不要在return后面继续写语句。

三、其他

1.弹窗

• 警告弹窗：alert没有返回值
• Confirm: 带有确认和取消的弹窗，有返回值，点击确认，返回TRUE，点击取消，返回FALSE
• Prompt：带有文本框，有返回值，就是文本输入的内容

2.三元/目运算符：

• 语法是固定的，只能有一个条件，两个选项
• +号特殊性 还可以当连接符
•  % 可以进行类型转换，如果转不了，结果为NaN(not a number)

3.逻辑判断

if...else

语法：if（条件表达式）{

                   要执行的代码

}else{

       要执行的代码

}

• if...else结构和多重if结构有什么区别？
• if...else是可以嵌套的，可以无限嵌套，原则上要求不超过3层。

4.switch..case结构：

语法：

switch(表达式){

   case 选项1:

      要执行的代码;

      break;

   case 选项2:

      要执行的代码;

      break;

   ....

   default:

      要执行的代码;

}

当表达式的值在case中匹配成功，会执行对应的代码，但是停不下来，后面的代码会继续执行。

(1)怎么选？

1、当需求为区间范围时，switch...case根本无法使用。

2、if...else...基本上啥都能干

3、switch...case效率高

4、当需求为固定值，且值不多，switch...case

5、能用switch..case解决的不要用if...else

相似之处：

1、几乎所有的switch...case都可以转化为if...else

2、default几乎相当于else

3、case几乎相当于if

4、嵌套

不同之处：

1、switch需要break

2、switch里面的选项可以杂乱无章

总结：

1、JS的引入，应该写在什么位置

2、数据类型（数组）

3、变量的定义和声明 var let const

4、3种弹窗

5、函数*****

6、return的作用

7、变量的作用域

8、运算符

9、typeof isNaN

10、三元运算符

11、流程控制语句，两个流程控制之间的互相配合嵌套关系

心得体会：

又是忙碌的一天，哎，能听懂，但是一动手就废，心累！