菜鸟教程JavaScript学习笔记（01）

氯cl

于 2024-09-16 15:20:18 发布

阅读量634

点赞数 12

文章标签： javascript 学习笔记

本文链接：https://blog.csdn.net/2301_79999289/article/details/142302530

版权

菜鸟JS学习笔记01

写在前面

本文为菜鸟教程https://www.runoob.com/try/try.php?filename=trycss_font-family学习笔记，侵权删。
昨天整理了第一篇的JS学习笔记，结果忘记保存。。。
所以今天这篇从昨天笔记的后面开始记录TAT

正则表达式

正则表达式是由一个字符序列形成的搜索模式。
当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。
正则表达式可以是一个简单的字符，或一个更复杂的模式。
正则表达式可用于所有文本搜索和文本替换的操作。

/正则表达式主体/修饰符（可选）

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

错误-Throw,Try和Catch

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

try {
    ...    //异常的抛出
} catch(e) {
    ...    //异常的捕获与处理
} finally {
    ...    //结束处理
}

调试

可以使用浏览器内置的调试工具对代码进行调试。
1.console.log() 方法
在调试窗口上打印JS值。

2.debugger 关键字
debugger 关键字用于停止执行 JavaScript，并调用调试函数。
这个关键字与在调试工具中设置断点的效果是一样的。
如果没有调试可用，debugger 语句将无法工作。

//开启 debugger ，代码在第三行前停止执行。
var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;

声明提升

即在顶部声明函数及变量。

严格模式（use strict）

严格模式下不能使用未声明的变量。

表单

HTML表单验证可以通过JS来完成。
（例如验证输入的数字是否在需求区间内）

表单数据经常需要使用 JavaScript 来验证其正确性：
验证表单数据是否为空？
验证输入是否是一个正确的email地址？
验证日期是否输入正确？
验证表单输入内容是否为数字型？

<form name="myForm" action="demo-form.php" onsubmit="return validateForm()" method="post">
姓: <input type="text" name="fname">
<input type="submit" value="提交">
</form>

验证API（接口）

以下实例如果输入信息不合法，则返回错误信息：

<input id="id1" type="number" min="100" max="300" required>
<button onclick="myFunction()">验证</button>
 
<p id="demo"></p>
 
<script>function myFunction() {
    var inpObj = document.getElementById("id1");
    if (inpObj.checkValidity() == false) {
        document.getElementById("demo").innerHTML = inpObj.validationMessage;
    }
}</script>

保留关键字

JS中，一些标识符是保留关键字，不能作变量名或函数名。

this关键字

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