2022-07-11 第六组 顾元皓 第三天笔记
JavaScript是什么?
编程语言,脚本语言,依赖于某种容器来运行----浏览器来解释执行
编程语言的分类:
1.解释型:JS Python
2.编译型:C++,C
3.半解释半编译:Java
JS是运行在浏览器上的,可以帮助我们去控制页面。
vue.js react.js jquery.js angular.js
node js前端的服务器语言
JS解释器:
火狐:spidermonkey
Chrom node:v8
Safari:JavaScriptcore
edge:chakra
JS可以在哪里执行?写在网页什么位置?
不成文规定:JS放在结束body标签的上方
外部引入JS
JS的数据类型:
1.数字(number):整数,正数,小数,负数
2.字符串(string):a,中文,@
3.布尔型(boolean):TRUE(1) false(0)
4.空(null):相当于声明了值为空
5.defined:未定义,没有值
定义变量:
变量:
开发中尽量减少使用字面量,后期维护很困难。
在ES6(JS的新版本)中,新推出了两个词代替var
1.let:变量用let声明,无法重复定义的
2.const:有let的特点,const声明的变量就是常量
JS复杂数据类型:
1.数组:一个变量对应多个值
(1)使用数组函数
函数:可以定义一个函数来执行一系列代码
函数定义以后 ,不会自己执行,需要手动调用函数
函数分四种:
1.无参无返回值
2.无参有返回值
3.有参有返回值
4.有参无返回值
函数内部不可以再声明函数,但是可以调用函数,调用方式正常调用即可
return除了可以返回函数,还可以终止函数的执行。
开发中,尽量不要在return后面继续写语句
弹窗:实质就是函数 \n,换行符,弹窗里的回车
1.ert:警告弹窗
2.confirm:带有确认和取消的弹窗,有返回值,点击确定,返回true,点击取消,返回false
3.prompt:带有文本框的弹窗,有返回值,就是文本框内容
逻辑判断,流程控制
夹杂着讲运算符
JS的一个原理解析:
所有非空的变量都会被解析成1-->false
三元运算符(三目运算符)
语法是固定的,只能有一个条件,两个选项
+号的特殊性:
除了可以进行加法运算外,还可以当做连接符
如果先入为主的认定+号为连接符,那他就一直是连接符
-*/%:可以进行类型转换,如果转不了,结果为NAN(not a number)
判断:
1.if.... else
语法:if(条件表达式){要执行的代码:
}
else{要执行的代码:
}
if ... else 结构和多重if 结构有什么区别?
if.....else是可以嵌套的,可以无限嵌套,原则上要求不超过3层。
switch...case结构
语法:
switch(){
case 选项一:要执行的代码
case 选项二:要执行的代码
...
defalt:要执行的代码
特点:当表达式的值在case中匹配成功,会执行对应的代码,但是停不下来,后面的代码会继续执行。
怎么选?
1.当需求为区间范围时,switch...case根本无法使用。
2.if...else...基本上啥都能干
3.switch...case 效率高
4.当需求为固定值,且值不多,switch...case
5.能用switch..case解决的不要用if..else
相似之处:
1.几乎所有的switch..case 都可以转化为If..else
2.defalt几乎相当于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.流程控制语句,两个流程控制之间的互相配合嵌套关系
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?