引入方式
一般会把<script>标签置于<body>元素底部,改善显示速度:
- 内部脚本:
<script></script>标签内 - 外部脚本:
<script src=""></script>配置src- 外部js文件中,只包含js代码,不包含
<script>标签 <script>标签不能自闭合
- 外部js文件中,只包含js代码,不包含
书写语法
- 区分大小写,同
Java - 每行结尾的分号可有可无
- 单行注释和多行注释,同
Java - 大括号表示代码块,同
Java
输出语句
使用window.alert('hello')写入警告框
使用document.write('hello')写入HTML
使用console.log('hello')写入浏览器控制台
变量
JavaScript是一门弱类型语言,可以存放不同类型的值。
var:
- 作用域比较大,全局变量。
- 可以重复定义。
ES6新增let:
- 变量范围只在所在代码块内有效。
- 不允许重复声明。
ES6新增const:
- 用来声明一个只读的常量。
数据类型
https://www.w3school.com.cn/js/pro_js_primitivetypes.asp
注释:您也许会问,为什么 typeof 运算符对于 null 值会返回 “Object”。这实际上是 JavaScript 最初实现中的一个错误,然后被 ECMAScript 沿用了。现在,null 被认为是对象的占位符,从而解释了这一矛盾,但从技术上来说,它仍然是原始值。

函数
形参不需要类型,JavaScript是弱类型语言。
返回值不需要定义类型,在需要时直接return返回。
JS对象
- 数组:
Array - 字符串:
String - JavaScript对象符号:
JSON - 浏览器对象模型:
BOM - 文档对象模型:
DOM

key必须使用引号并且是双引号标记,value可以是任意数据类型。
{
"key":value,
"key":value,
"key":value
}
将json字符串转换为json对象:
var obj = JSON.parse(jsonstr);
将json对象转换成json字符串:
JSON.stringify(obj)
window对象指的是浏览器窗口对象,是JavaScript的全部对象,所以对于window对象,我们可以直 接使用,并且对于window对象的方法和属性,我们可以省略window。 对于window对象的属性和方法,我们都是采用简写的方式。
我的个人域名跳转到CSDN主页的解决方案,也是通过window对象。
window.location.href = "https://edu.csdn.net/me/m0_49303993";

HTML中的Element对象可以通过Document对象获取,而Document对象是通过window对象获取的。document对象提供的用于获取Element元素对象的api如下表所示:

常见事件
已经学过一部分vue了,感觉这部分可以直接忽略,用vue的@解决。

MVVM
Model:数据模型,特指前端中通过请求从后台获取的数据。View:视图,用于展示数据的页面,可以理解成我们的html+css搭建的页面,但是没有数据。ViewModel:数据绑定到视图,负责将数据(Model)通过JavaScript的DOM技术,将数据展示到视图(View)上 。

- 其中的Model我们可以通过Ajax来发起请求从后台获取。
- 对于View部分,我们 将来会学习一款ElementUI框架来替代HTML+CSS来更加方便的搭建View。
- 侧重于ViewModel部分开发的vue前端框架,用来替代JavaScript的DOM操作。
参照
- https://www.bilibili.com/video/BV1m84y1w7Tb/
- day02-JavaScript-Vue.pdf









