Sự khác biệt giữa Javascript regexp literal và constructor

Question

Gần đây chúng tôi đã có một lỗi, sau khi một nhà phát triển đồng nghiệp thay đổi chữ RegExp thành lời gọi hàm tạo và tôi đã tự hỏi tại sao có bất kỳ sự khác biệt nào. Mã chính xác là

var parts = new RegExp("/rt:([^@]+)@(\d+)/").exec(tag); 

vs bản gốc của

var parts = /rt:([^@]+)@(\d+)/.exec(tag); 

Khi tag được, ví dụ rt:60C1C036-42FA-4073-B10B-1969BD2358FB@00000000077, là người đầu tiên (buggy) gọi trả null, trong khi cái thứ hai trả ["rt:60C1C036-42FA-4073-B10B-1969BD2358FB@00000000077", "60C1C036-42FA-4073-B10B-1969BD2358FB", "00000000077"]

Không cần phải nói, tôi đã hoàn nguyên sự thay đổi, nhưng tôi muốn biết tại sao lại có sự khác biệt như vậy ở nơi đầu tiên.

Answer 1

Có hai vấn đề:

Các / là không phần của biểu thức. Chúng là delimiters, đánh dấu một chữ regex. Chúng phải được xóa nếu bạn sử dụng RegExp, nếu không chúng sẽ khớp với dấu gạch chéo theo nghĩa đen.

Thứ hai, dấu gạch chéo ngược là ký tự thoát trong chuỗi ký tự. Để tạo một chữ số \ cho cụm từ, bạn phải thoát nó trong chuỗi.

Như vậy, tương đương sẽ là:

new RegExp("rt:([^@]+)@(\\d+)") 

---

Đặc biệt là thoát làm cho biểu hiện khó khăn hơn một chút để viết nếu bạn muốn sử dụng RegExp. Nó thực sự chỉ cần thiết nếu bạn muốn tạo biểu thức động, nghĩa là, nếu bạn muốn bao gồm văn bản được lưu trữ trong một biến chẳng hạn. Nếu bạn có biểu thức cố định, một chữ số /.../ sẽ dễ viết hơn và ngắn gọn hơn.

Answer 2

\d cần phải được thoát khi passd đến new RegExp hàm tạo. Vì vậy, nó cần phải được

var parts = new RegExp("rt:([^@]+)@(\\d+)").exec(tag);