正则表达式
描述
正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。搜索模式可用于文本搜索和文本替换。
什么是正则表达式
正则表达式是由一个字符序列形成的搜索模式。
当你在文本中搜索数据时,你可以用搜索模式来描述你要查询的内容。
正则表达式可以是一个简单的字符,或一个更复杂的模式。
正则表达式可用于所有文本搜索和文本替换的操作。
语法
/正则表达式主体/修饰符(可选)
使用字符串方法
search()
用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,并返回子串的起始位置。
var str = "Hello ABC";
var n = str.search("ABC");
输出为 6
replace()
用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
var str="Hello DEF"
document.write(str.replace(/DEF/, "ABC"))
修饰符
修饰符 | 描述 |
---|---|
i | 执行对大小写不敏感的匹配。 |
g | 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。 |
m | 执行多行匹配。 |
正则表达式模式
方括号用于查找某个范围内的字符
表达式 | 描述 |
---|---|
[abc] | 查找方括号之间的任何字符。 |
[0-9] | 查找任何从 0 至 9 的数字。 |
元字符是拥有特殊含义的字符:
元字符 | 描述 |
---|---|
\d | 查找数字。 |
\s | 查找空白字符。 |
\b | 匹配单词边界。 |
\uxxxx | 查找以十六进制数 xxxx 规定的 Unicode 字符。 |
量词:
量词 | 描述 |
---|---|
n+ | 匹配任何包含至少一个 n 的字符串。 |
n* | 匹配任何包含零个或多个 n 的字符串。 |
n? | 匹配任何包含零个或一个 n 的字符串。 |
作用域
变量的作用域
1.全局变量
var a = "ABC";
function fn(){
console.log(a);
}
fn();//result:ABC
2.局部变量
function fn(){
var b = "DEF";
}
fn();
console.log(b);// ReferenceError: b is not defined
闭包
·闭包(closure)指有权访问另一个函数作用域中变量的函数
·简单理解:一个作用域可以访问另外一个函数内部的局部变量
·作用:延伸变量的作用域
·应用:计算打车价格(打车起步价13(3公里内),之后每多一公里增加5块钱。用户输入公里数就可以计算打车价格,如果有拥堵情况,总价格多收取10块钱拥堵费)
var car=(function (){
var start=13;∥起步价局部变量
var total=0;//总价局部变量
return{
∥正常的总价
price: function (n){
if(n<=3){
total= start
}
else{
total start t.(n 3)* 5
}
return total;
},拥堵之后的费用
yd: function (flag){
return flag ? total +10:total
}
}
})();
递归函数
所谓递归函数,就是在函数体内调用函数本身。
function fibonacciSequence(n) {
if(n == 1 || n == 2){
return 1;
}else if(n == 3){
return fibonacciSequence(2) + fibonacciSequence(1);
}else if(n == 4){
return fibonacciSequence(3)+fibonacciSequence(2);
}else if(n == 5){
return fibonacciSequence(4) + fibonacciSequence(3);
}else if(n == 6){
return fibonacciSequence(5) + fibonacciSequence(4);
}
//·········
else if(n == n){
return fibonacciSequence(n-1) + fibonacciSequence(n-2)
};
};
console.log(fibonacciSequence(10));
递归函数经常用来解决一些循环重复的问题,虽然很好用,但是它非常消耗性能,递归函数的需要注意的是一定要有结束条件,否则会导致死循环。
this关键字
面向对象语言中 this 表示当前对象的一个引用。
但在 JavaScript 中 this 不是固定不变的,它会随着执行环境的改变而改变。
在方法中,this 表示该方法所属的对象。
fullName : function() {
return this.firstName + " " + this.lastName;
}
如果单独使用,this 表示全局对象。
var x = this;
在函数中,this 表示全局对象。
function myFunction() {
return this;
}
在函数中,在严格模式下,this 是未定义的(undefined)。
"use strict";
function myFunction() {
return this;
}
在事件中,this 表示接收事件的元素。
<button onclick="this.style.display='none'">
点我后我就消失了
</button>
类似 call() 和 apply() 方法可以将 this 引用到任何对象。
var person1 = {
fullName: function() {
return this.firstName + " " + this.lastName;
}
}
var person2 = {
firstName:"John",
lastName: "Doe",
}
person1.fullName.call(person2); // 返回 "John Doe"