JavaScript 疑点知识整理

正则表达式

描述

正则表达式（英语：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"