一:JS是什么?
-
单线程
单线程就是同时只能做一件事情。比如:晓飞有三个女朋友,但是每次只能陪 一个女朋友去逛街。 单线程又分为异步和同步 比如:同时带两个女朋友去逛街,是同步。但是在代码中是异步,与现实中相反。 每次只能带一个女朋友去逛街,是异步。但是在代码中是同步,与现实中相反。
-
脚本语言,又称为动态语言。依赖于宿主环境 如浏览器,node.js(服务器)
-
解释型的语言
语言在执行中分为解释型语言和编译型语言。 A:解释型语言 就是解释一行执行一行,例如:JS、PHP、Python、Java等 优点:跨平台 缺点:运行效率稍微慢一点 B:编译型语言 就是一次编译完全部,运行时不需要重新翻译,直接使用编译的结果。 例如:C、C++等 优点:运行效率快一点 缺点:不跨平台
个人觉得关于对解释型语言和编译型语言较好的连接在此:(https://www.jianshu.com/p/c1ce70ccdb74)
- 弱类型的语言
二:JS的组成:
- ECMAScript:语法 标准( 规定JS使用规则 ),JS是ECMAScript的实现
- DOM
Document Object Model 文档对象模型,提供页面元素和方法的整合工具箱,我们可以直接使用里面关于文档对象的一系列方法,
这使我们可以操作标签.
- BOM
Browser Object Model
浏览器对象模型,提供操作浏览器的方法的整合工具箱。所以JS里面有一些东西是关于浏览器的,如弹窗、右键的菜单、滚动条。
三:我的第一个JS程序
1. 如何引入JS?
A:第一种写法:页面内嵌 <script></script>
直接在index.html中写入
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>我的第一个JS程序</title>
</head>
<body>
<script type="text/javascript">
alert("hello world");
</script>
</body>
</html>
B:第二种写法:标签外部引入<script src=“”></script>
在index.html中写入
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>我的第一个JS程序</title>
</head>
<body>
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>
在 /index.js文件下写入
alert("hello world");
为符合web标准(w3c标准中的一项)结构、样式、行为相分离,通常会采用
外部引入
2. JSj注释
- 单行注释://
- 多行注释:/**/
3. JS基本语句
alert ( " " )
– 阻塞JS进程,不同浏览器的表现效果稍有出入,alert运行之后,会阻断后面的逻辑运行,叉掉之后,才能继续运行。弹窗可以用来判断函数是否运行,也可以显示变量的真实内容
confirm( "大家好才是真的好 " )
– 点击确定会返回一个true值,取消会返回一个false
prompt(" 好的")
– 需要输入信息,可以就输入信息来做一些判断或者事件 (prompt就是专门用来弹出能够让用户输入的对话框)
console.log ( " " )
– console是控制台,控制台可以操控文档的js,并且会提示报错信息给你参考.控制台下有一些方法
//数据类型的检测
typeof ("要检测的数据")
– 检测出的数据类型是以字符串形式呈现的
4. 声明变量
变量(variable)
声明、赋值分解
var a;
a=10;
单一var声明法
var b = 6;
5. 命名规则
- 变量名必须以英文字母、_、$ 开头
- 变量名可以包括英文字母、_、$、数字
- 不可以用系统的关键字、保留字作为变量名
6. JS基本语法
- 值类型
1.
不可改变的原始值(栈数据)
2.
存放在栈内存中的简单数据段,数据大小确定,内存空间大小可以分配。
3.
Number,String,Boolean,undefined,null - 引用值(堆数据)
1.
存放在堆内存中的对象,变量实际保存的是一个指针,这个指针指向另一个位置。
2.
每个空间大小不一样,要根据情况开进行特定的分配。
3.
array, object, function(以后慢慢学) - 举个栗子:
var a = 10,b = 20 , c = [1,2,3]
变量 | 值 |
---|---|
a | 10 |
b | 20 |
c | [1,2,3] |
7. JS语句基本规则
- 语句后面要用分号结束“;”
- js语法错误会引发后续代码终止,但不会影响其它js代码块
- 书写格式要规范,“= + / -”两边都应该有空格