JavaScript简记

能做什么？

• 验证用户输入，这是发明JavaScript的最初目的

• 对事件的反应，比如点击某个按钮后弹窗

• 改变HTML的内容，比如鼠标的某些动作会改变HTML的源码，从而改变HTML的内容

• 页面加载或关闭时触发事件

• 阻止事件发生

位置

HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

和CSS一样，可以放在三个位置：

• 外置JS文件

• 头部

• 标签里（不推荐使用）

输出

JavaScript 可以通过不同的方式来输出数据：

• 使用 window.alert() 弹出警告框

• 使用 document.write() 方法将内容写到 HTML 文档中

• 使用 innerHTML 写入到 HTML 元素

• 使用 console.log() 写入到浏览器的控制台

对比C语言，JS的特别之处

• JS使用 var来定义变量 ，变量可以是多种数据类型

• 5 + “1” =51，整数与字符可相加！！！

• 函数定义：function 函数名（传入变量）{ 语句； }

• 浏览器按照编写顺序依次执行JS的每条语句

• 能使用注释来阻止执行！！！ 在下面的例子中，注释用于阻止其中一条代码行的执行（可用于调试）：

  // document.getElementById("myH1").innerHTML="欢迎来到我的主页";
  document.getElementById("myP").innerHTML="这是我的第一个段落。";

• Undefined 这个值表示变量不含有值，可以通过将变量的值设置为 null 来清空变量

• 内置属性 length 可用来计算字符串的长度

• == 用来比较值，===用来比较值和数据类型

• typeof "数据"; 可用来检测数据类型

• 类型转换：Number() 转换为数字， String() 转换为字符串， Boolean() 转换为布尔值

• 错误 - throw、try 、catch、finally

• 代码块 {} 内使用let关键字只在代码块{}内有效

• 变量名推荐使用驼峰法来命名

JavaScript 对象

非常重要。在js中，几乎所有的事物都是对象。

如： var car = "Fiat";

对象可以包含多个值：`var car = {type:"Fiat", model:500, color:"white"}；

访问对象的方法：

• 点操作：person.firstName;

• 方括号：person["firstName"];

正则表达式

语法：/正则表达式主体/修饰符(可选) （不区分大小写）

如 var person = /firstName/i

正则表达式通常用于两个字符串方法 : search() 和 replace()

• search( /firstName/i );

• replace(/microsoft/i,"firstName");

调试 - F12

• console.log()

• 调试窗口设置断点

• debugger 关键字停止执行脚本，效果同上一条

变量提升

• 函数及变量的声明都将被提升到函数的最顶部

• 变量可以在使用后声明，也就是变量可以先使用再声明

• 只有声明的变量会提升，初始化的不会

严格模式(use strict)

this 关键字

JSON

一种轻量级的数据交换格式： 键/值 对

例："name" : "value"