JS学习指南
用法
会告诉 JavaScript 在何处开始和结束。
之间的代码行包含了 JavaScript:会在页面加载时执行。
通常，我们需要在某个事件发生时执行代码，比如当用户点击按钮时。如果我们把 JavaScript 代码放入函数中，就可以在事件发生时调用该函数。
例如：
知识点：JavaScript 是脚本语言，浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。
调试
调试–菜鸟驿站
语法
常规语法
- 字符串：双引号、单引号
- 数组： [ 5,6,7]
- 对象： {name:“sing”,age:20}
- 函数：function定义：function myFunction(a, b) { return a * b;}
- 运算符：同java
- 大小写敏感
- 字符集：JavaScript 使用 Unicode 字符集。Unicode 覆盖了所有的字符，包含标点等字符。
- let 声明的变量只在 let 命令所在的代码块内有效。
- const 声明一个只读的常量，一旦声明，常量的值就不能改变。
特殊的
-
变量：用 var进行定义
-
对象访问方式：person[“lastName”];
-
全局 JavaScript 变量
在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。 -
JavaScript 变量的生存期
JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。 -
向未声明的 JavaScript 变量分配值
如果您把值赋给尚未声明的变量，该变量将被自动作为 window 的一个属性。
例如：这条语句：
carname=“Volvo”;
将声明 window 的一个属性 carname。
- typeof检测值的类型
typeof “John” // 返回 string
typeof 3.14 // 返回 number
typeof false // 返回 boolean
typeof [1,2,3,4] // 返回 object
typeof {name:‘John’, age:34} // 返回 object
- 在 JavaScript 中, undefined 是一个没有设置值的变量。
typeof 一个没有值的变量会返回 undefined。
任何变量都可以通过设置值为 undefined 来清空。 类型为 undefined.
person = undefined; // 值为 undefined, 类型是undefined
- 绝对相等符号：=== 值和类型都相等
- 类型转换----菜鸟驿站
- 表单验证—菜鸟驿站
- href="#"与href="javascript:void(0)"的区别
包含了一个位置信息，默认的锚是#top 也就是网页的上端。而javascript:void(0), 仅仅表示一个死链接。在页面很长的时候会使用 # 来定位页面的具体位置，格式为：# + id。如果你要定义一个死链接请使用 javascript:void(0) 。
数据类型
-
值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。
-
引用数据类型：对象(Object)、数组(Array)、函数(Function)。
语句
- 按照编写顺序执行
- 支持代码块
函数
JavaScript 显示数据
JavaScript 可以通过不同的方式来输出数据：
- 使用 window.alert() 弹出警告框。
- 使用 document.write() 方法将内容写到 HTML 文档中
- 请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。
- 使用 innerHTML 写入到 HTML 元素。
- 使用：
document.getElementById("demo").innerHTML = "段落已修改。";
- 使用 console.log() 写入到浏览器的控制台。
- 如果您的浏览器支持调试，你可以使用 console.log() 方法在浏览器中显示 JavaScript 值。
字符串方法
- 在 JavaScript 中，正则表达式通常用于两个字符串方法 : search() 和 replace()。
search() 方法 用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。
replace() 方法 用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。
正则表达式
语法：/正则表达式主体/修饰符(可选)
var patt = /runoob/i
对象
this关键字
面向对象语言中 this 表示当前对象的一个引用。
但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。
- 在方法中，this 表示该方法所属的对象。
- 如果单独使用，this 表示全局对象。
- 在函数中，this 表示全局对象。
- 在函数中，在严格模式下，this 是未定义的(undefined)。
- 在事件中，this 表示接收事件的元素。
- 类似 call() 和 apply() 方法可以将 this 引用到任何对象。
交互相关
事件
常用事件
- onchange HTML 元素改变
- onclick 用户点击 HTML 元素
- onmouseover 鼠标指针移动到指定的元素上时发生
- onmouseout 用户从一个 HTML 元素上移开鼠标时发生
- onkeydown 用户按下键盘按键
- onload 浏览器已完成页面的加载
总结于菜鸟驿站------菜鸟驿站—js教程
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！