Javascript重要语法概览

JavaScript

背景

• HTML 定义了网页的内容
• CSS 描述了网页的布局
• JavaScript 是互联网上最流行的脚本语言
• JavaScript 控制了网页的行为

用法

• 之间的代码行包含了 JavaScript
• 可以在 HTML 文档中放入不限数量的脚本。脚本可位于 HTML 的 或 部分中，或者同时存在于两个部分中。通常的做法是把函数放入 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。
• 也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码

输出

• 使用 window.alert() 弹出警告框。
• 使用 document.write() 方法将内容写到 HTML 文档中。
• 使用 innerHTML 写入到 HTML 元素。
• 使用 console.log() 写入到浏览器的控制台
• 如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById( id ) 方法。请使用 “id” 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容：

语法

• avaScript 使用关键字 var 来定义变量， 使用等号来为变量赋值
• 其他跟别的语言没差
• JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型
• 对象，数组，bool，数字，字符串
• 函数就是包裹在花括号中的代码块，前面使用了关键词 function，有时，我们会希望函数将值返回调用它的地方。通过使用 return 语句就可以实现

语句

• 分号用于分隔 JavaScript 语句。
• 单行注释以 // 开头
• 多行注释以 /* 开始，以 */ 结尾。

事件

• <some-HTML-element some-event = ’ JavaScript 代码 ’ >
  

onchange	HTML 元素改变
onclick	用户点击 HTML 元素
onmouseover	鼠标指针移动到指定的元素上时发生
onmouseout	用户从一个 HTML 元素上移开鼠标时发生
onkeydown	用户按下键盘按键
onload	浏览器已完成页面的加载

字符串

• 字符串可以是插入到引号中的任何字符。你可以使用单引号或双引号
• 以使用索引位置来访问字符串中的每个字符
• 模板字符串使用反引号 `` 作为字符串的定界符分隔的字面量
• 模板字符串中可以同时使用单引号和双引号
• 模板字符串还支持多行文本，而无需使用特殊的转义字符
• 模板字面量还可以包含占位符——一种由美元符号和大括号分隔的嵌入式表达式：${expression}

条件语句，循环，运算符类似c++

• 使用 typeof 操作符来检测变量的数据类型
• 可以设置为 undefined / null 来清空对象
• null是一个只有一个值的特殊类型。表示一个空对象引用
• 在 JavaScript 中, undefined 是一个没有设置值的变量

正则表达式

• 正则表达式通常用于两个字符串方法 : search() 和 replace()。
• search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。
• replace() 方法用于在字符串中用一些字符串替换另一些字符串，或替换一个与正则表达式匹配的子串。

错误

• try 语句测试代码块的错误。
• catch 语句处理错误。
• throw 语句创建自定义错误。
• finally 语句在 try 和 catch 语句之后，无论是否有触发异常，该语句都会执行。

调试

• 通常，如果 JavaScript 出现错误，是不会有提示信息，这样你就无法找到代码错误的位置

变量提升

• JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。
• JavaScript 中，变量可以在使用后声明，也就是变量可以先使用再声明
• JavaScript 只有声明的变量会提升，初始化的不会

JavaScript 严格模式

函数

• JavaScript 使用关键字 function 定义函数
• 函数表达式可以存储在变量中，在函数表达式存储在变量后，变量也可作为一个函数使用
• 函数表达式可以 “自调用”。自调用表达式会自动调用。如果表达式后面紧跟 () ，则会自动调用
• ES6 新增了箭头函数。

表单

• HTML 表单验证可以通过 JavaScript 来完成
• HTML 表单验证也可以通过浏览器来自动完成。如果表单字段 (fname) 的值为空, required 属性会阻止表单提交

验证API：JS自带验证函数

This关键字

JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。

• 在方法中，this 表示该方法所属的对象。
• 如果单独使用，this 表示全局对象。
• 在函数中，this 表示全局对象。
• 在函数中，在严格模式下，this 是未定义的(undefined)。
• 在事件中，this 表示接收事件的元素。
• 类似 call() 和 apply() 方法可以将 this 引用到任何对象。

Json

• JSON 是用于存储和传输数据的格式。
• JSON 通常用于服务端向网页传递数据
• JSON 英文全称 JavaScript Object Notation
• JSON 是一种轻量级的数据交换格式。
• JSON是独立的语言
• JSON 易于理解。
• 通常我们从服务器中读取 JSON 数据，并在网页中显示数据,然后，使用 JavaScript 内置函数 JSON.parse() 将字符串转换为 JavaScript 对象
• JSON.stringify()用于将 JavaScript 值转换为 JSON 字符

Void

• void 是 JavaScript 中非常重要的关键字，该操作符指定要计算一个表达式但是不返回值。