2022-7-11 javascript学习 第七组 刘昀航


?

JavaScript是什么?

编程语言,脚本语言,依赖于某种容器来运行。

JS是运行在浏览器上的,可以帮助我们去控制页面。

Vue.js   react.js    jquery.js    angular.js    node.js(前端的服务器语言)

JS解释器:

火狐(spidermonkey)Chrom、node(v8)Safari(JavaScriptcore)cdge(chakra)

JS可以在哪里执行(写在网页的什么位置?)—— 写在body结束标签的上方



确保在执行js的时候要加载的元素已经加载完了

·外部引入js

?

JS的简单数据类型:

  1. 数字(number):整数、正数、小数、负数
  2. 字符串(string):a、中文、@
  3. 布尔型(boolean):true(1)、 false(0)
  4. 空(null):相当于声明了值为空
  5. undefined(未定义):没有值

定义变量

什么叫变量:

·开发中尽量减少使用字面量,后期维护困难

在ES6(JS新版本)中,新推出了两个词代替var(尽量不用var)

  1. let:变量用let声明,无法重复定义
  2. const:兼容let的功能,const声明的变量就是一个常量

JS的复杂数据类型:

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

  1. 使用数组函数(所有的函数一定都有“( )”

    ?

  1. 使用new关键字

    ?

  1. 使用字面量的方式

    ?

·先定义数组,再赋值

?

函数:可以定义一个函数,用来执行一系列代码。

函数定义后不会自己执行,需要我们手动调用函数


?

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

·函数内部不可以再声明函数,但是可以调用函数,调用的方式和正常的调用方式相同

·return除了可以返回结果,还可以终止函数的继续执行。

·在开发中,尽量不要在return后写语句。

?

弹窗:(实质上就是函数)

  1. alert:警告弹窗,没有返回值
  2. confirm:带有确认和取消的弹窗,有返回值。点确定,返回true;点取消,返回false。
  3. prompt:带有文本框的弹窗,有返回值,返回文本框输入的内容

·\n可以在弹窗里换行,换行符

逻辑判断:流程控制

JS的原理解析:

所有的非空的变量都会被解析成1(1代表true)

判断:

  1. if...else:

语法:

?  ?

·多重if

?


·if...else是可以嵌套的,可以无限嵌套(但是原则上不要超过三层)

  1. switch...case结构:

语法:

? ?

·当表达式的值在case中匹配成果,汇之星对应的代码,但是停不下来,后面的代码会继续执行,所以要添加break。

? ?

三元运算符(三目运算符):

语法是固定的,只能有一个条件、两个选项

?

+号的特殊性:

除了可以进行加法计算之外,还可以做连接符;

如果先入为主的

- * / % :

可以进行类型转换,如果转不了,结果为NaN(not a number)

工具:

  1. typeof:获取数据类型(不是函数,是运算符)

      ?

  1. nan:判断是否为数字

      ?

   ·字符串的拼接

?

运算符

  ?

总结

  1. JS的引入,应该写在什么位置
  2. JS的数据类型(数组)
  3. 变量的定义和声明 var let const
  4. 3种弹窗
  5. 函数(重点!)
  6. return的作用
  7. 变量的作用域
  8. 运算符
  9. typeof(判断数据类型) isNaN(是 不是一个数字)
  10. 三元运算符
  11. 流程控制语句:两个流程控制质检的互相配合嵌套关系(重点!)
?