[00. 01. 15] Được rồi, vậy nếu tôi định tạo một chuỗi để in ra một số tin nhắn. Giả sử tôi đang in biên lai, nếu bạn muốn, nó sẽ in ra một số thông báo bao gồm các giá trị này cùng với một số văn bản. Ví dụ, tin nhắn đó có thể trông giống như tin nhắn này
[00. 01. 34] Xin chào tên, đơn đặt hàng của bạn, và tại thời điểm này, tôi sắp hết phòng xếp hàng. Vì vậy, tôi muốn ngắt dòng tiếp theo, vì vậy tôi sẽ làm, bạn có thể đã thấy trước đây, thủ thuật ngắt dòng trên nhiều dòng bằng cách đặt dấu gạch chéo ngược ở cuối dòng. Chính thức, đó được gọi là tiếp tục dòng
[00. 01. 56] Vì vậy, tôi sẽ chuyển sang dòng tiếp theo và nói đơn đặt hàng của bạn và tôi sẽ nói + số thứ tự,
>> Kyle Simpson. và bây giờ tôi đang ở cuối dòng này nên thay vì viết tiếp dòng này, tôi sẽ viết thêm. Chuyển sang phần tiếp theo và hãy tiếp tục và đặt ký hiệu đô la vào đây cho vấn đề này
[00. 02. 23] Vì vậy, tổng số của bạn, vì vậy tôi đã tạo chuỗi này, đặt một số giá trị vào, tạo nội dung này một cách nhanh chóng. Được rồi, vậy hãy đánh giá những gì đang xảy ra ở đây. Điều đang xảy ra là tôi, cái được gọi là nội suy, những giá trị này thành chuỗi lớn hơn. Từ nội suy đó không phải là thứ tôi bịa ra
[00. 02. 51] Đó là thứ mà người khác đã bịa ra, đó là một tính năng thực tế trong một số ngôn ngữ nhất định. Và chúng tôi đang thực hiện thủ công với chuỗi và nối chuỗi vì cho đến thời điểm này, JavaScript vẫn chưa hỗ trợ bất kỳ cách nào để thực hiện phép nội suy. Vì vậy, ES6 ra đời và họ quyết định phát minh ra tính năng này sẽ cho phép chúng tôi thực hiện phép nội suy
[00. 03. 16] Nhưng thay vì gọi nó là nội suy, họ lại đặt cho nó một cái tên khác, điều này thực sự khủng khiếp và khó hiểu. Họ gọi chúng là chuỗi mẫu hoặc chữ mẫu. Giờ đây, từ mẫu có ý nghĩa khá mạnh đối với hầu hết mọi người. Và tôi sẵn sàng cá rằng bạn đang nghe điều này. Có lẽ bạn, khi tôi nói từ mẫu, điều nảy ra trong đầu bạn là ý tưởng rằng tôi có một số loại giá trị cơ bản mà tôi có thể tạo lại mỗi lần và cung cấp cho nó các giá trị mới để nhập vào đó
[00. 03. 48] Vì vậy, tôi có thứ này mà tôi có thể làm đi làm lại nhiều lần với dữ liệu mới, mọi lúc. Đó là những gì hầu hết mọi người nghĩ đến khi họ nghĩ về một mẫu. Vì vậy, khi tôi cho bạn xem tính năng này và tôi nói với bạn rằng họ gọi nó là chuỗi mẫu hoặc chữ mẫu, bạn sẽ nghĩ, tôi đang tạo mẫu này mà tôi có thể chạy lại trong thời gian này và mọi lúc
[00. 04. 04] Và đó không phải là ý nghĩa của từ mẫu. Được rồi, trước và sau đây, hãy bắt đầu với cùng một lọ. Nhưng bây giờ để tạo tin nhắn của tôi. Những gì tôi có thể làm là nội suy trực tiếp các biểu thức biến này vào chuỗi. Trong PHP thì chắc các bạn đã quen, nếu tôi nhớ không nhầm thì nó nằm trong dấu ngoặc kép nếu bạn đặt tên biến ký hiệu đô la thay vì đặt dấu ngoặc kép, nó sẽ tự động thay thế bằng giá trị của biến đó
[00. 04. 36] Đó là nội suy tự động, vì vậy chúng tôi sẽ làm điều gì đó tương tự ở đây. Nhưng chúng ta không thể làm điều đó bên trong chuỗi trích dẫn kép hoặc thậm chí chuỗi trích dẫn đơn trong JavaScript vì điều đó sẽ phá vỡ mã hiện có. Vì vậy, chúng tôi đã phải đưa ra một cú pháp mới để phân định các loại đặc biệt này, cái được gọi là chuỗi mẫu
[00. 04. 55] Và cú pháp mới đó là sử dụng dấu tích ngược thay vì trích dẫn đơn hoặc trích dẫn kép. Và bây giờ chúng ta không cần thực hiện bất kỳ thao tác nào trong số đó để thoát ra khỏi chuỗi để thêm nó vào. Vì vậy, tôi sẽ thoát khỏi việc thêm. Và điều thú vị bây giờ là tôi không cần thoát khỏi cuối dòng vì chúng có khả năng tự động bắc cầu qua các dòng
[00. 05. 22] Và tôi không cần thứ này
>> Kyle Simpson. Và tôi không cần điều đó, và sau đó tôi chỉ đơn giản là kết thúc nó bằng một dấu tích khác. Vì vậy, có thông báo mới của tôi, bây giờ, nếu đó là cách nó hoạt động, điều đó cũng có thể tạo ra một số sự tàn phá vì làm sao nó biết được bạn thực sự muốn thay thế tên biến hay bạn muốn nói từ tên
[00. 05. 52] Vì vậy, chúng ta cần phân định những điều này theo một cách nào đó. Và cách JavaScript chọn để phân định chúng là bao quanh dấu ngoặc nhọn ký hiệu đô la xung quanh biểu thức mà chúng ta muốn được diễn giải và nội suy. Vì vậy, chúng tôi sẽ nói ${orderNumber} và ${total} lưu ý hai ký hiệu đô la ở đó ký hiệu đô la đầu tiên được để hoàn toàn một mình
[00. 06. 18] Nó sẽ chỉ chú ý đến một dấu ngoặc nhọn đô la. Vì vậy, nếu bạn muốn tạo dấu ngoặc nhọn ký hiệu đô la không phải là một phần của dấu phân cách, bạn chỉ cần gạch chéo ngược ký hiệu đô la. Vì vậy, bây giờ chúng tôi có chuỗi này mà tôi có thể ngắt trên nhiều dòng và tôi có thể tự động nội suy các biểu thức đó trực tiếp vào chuỗi ký tự của mình
[00. 06. 45] Bây giờ, sự khác biệt ở đây sẽ rất tinh tế, nhưng trong khi chúng ta đang nói về nó, chúng ta nên tiếp tục và nói về nó. Có ai trong số các bạn đã từng nghe đến khái niệm cụm từ chuỗi nhiều dòng chưa?
[00. 07. 10] Chúng tôi thực sự khá nổi tiếng về điều này với tư cách là nhà phát triển. Chúng tôi sử dụng những từ khác nhau này và mọi người có nghĩa là những thứ hơi khác nhau theo thuật ngữ. Và nó lan truyền nhiều đến mức thực sự hóa ra từ này hầu như không có nghĩa gì cả vì nó có rất nhiều nghĩa khác nhau đối với những người khác nhau. Vì vậy, tôi chỉ muốn cung cấp một số rõ ràng về điều này
[00. 07. 27] Có một thứ giống như một chuỗi được nối tiếp thành nhiều dòng. Và có một thứ như một chuỗi nhiều dòng. Và tôi sẽ khẳng định rằng hai điều đó là những khái niệm riêng biệt. Vì vậy, một chuỗi tiếp tục trên nhiều dòng sẽ giống như những gì chúng ta thấy ở đây, đó là tôi thực hiện nối tiếp chuỗi hoặc nối tiếp dòng ở cuối
[00. 07. 49] Và tôi đi ra đây, và nếu tôi chạy mã này trong trình duyệt và in nó ra, hãy xem điều gì sẽ xảy ra. Nếu tôi chạy cái này ở đây trong bảng điều khiển của mình và in ra tin nhắn. Tôi nhận được một chuỗi tất cả trong một dòng, mọi người với tôi?
[00. 08. 08] Nhưng, mọi người sẽ gọi đây là chuỗi nhiều dòng. Chà, thực tế không có nhiều dòng trong giá trị chuỗi. Vì vậy, nó không thực sự là một chuỗi nhiều dòng, đó là một chuỗi tiếp tục vượt qua nhiều dòng. Sắc thái mà tôi đang cố gắng đạt được ở đây sẽ có ý nghĩa hơn chỉ trong chốc lát khi tôi nói chuyện với bạn về các chuỗi mẫu, các ký tự mẫu
[00. 08. 31] Nhưng điều quan trọng cần biết là dòng này không bao gồm dòng mới vì chúng tôi đang thoát khỏi dòng mới mà chúng tôi đã đặt ở đó. Vậy là bỏ nó ra khỏi chuỗi giá trị, anh với em. Bây giờ hãy nói về chữ mẫu. Nếu tôi lấy mã này và đến đây với bảng điều khiển của mình và chạy nó
[00. 08. 57] Và sau đó hỏi nội dung trong tin nhắn. Bạn có nhận thấy bất cứ điều gì khác nhau? . Vì vậy, những gì tôi sẽ tranh luận là một mẫu chữ hoặc một chuỗi mẫu trên thực tế, nếu bạn đặt nó ở đó, một chuỗi nhiều dòng, một chuỗi giữ nguyên các dòng mới đó
[00. 09. 21] Trong khi các chuỗi JavaScript trường học cũ có phần tiếp theo dòng chỉ đơn giản là các chuỗi trải dài trên nhiều dòng
>> Kyle Simpson. Chúng tôi có một sự khác biệt ở đây, nếu bạn không muốn chuỗi đó ở đó, ý tôi là, nếu bạn không muốn dòng mới đó, bạn phải thoát khỏi nó. Trong trường hợp đó nó sẽ không có mặt
[00. 09. 41] Nhưng bản thân chúng, không thực hiện bất kỳ thao tác thoát nào, bạn sẽ nhận được một chuỗi nhiều dòng thực sự với một mẫu chữ, trong khi đó, với các chuỗi thông thường, bạn không nhận được, đúng không?
>> Diễn giả 2. Bạn có biết [COUGH] cho thông số kỹ thuật đó có chèn dấu gạch chéo n hay nó phụ thuộc vào hệ điều hành?
>> Kyle Simpson. Nó thực sự là dấu gạch chéo ngược n
[00. 09. 59]
>> Diễn giả 2. Được rồi, luôn luôn?
>> Kyle Simpson. Yeah, tiêu chuẩn hóa, được rồi, chỉ là một sắc thái nhỏ để bạn chú ý đến. Nếu bạn định ngắt các chuỗi của mình trên nhiều dòng và không thoát khỏi chúng, bạn sẽ nhận được các chuỗi nhiều dòng thực tế có thể có hoặc không như ý muốn của bạn
[00. 10. 15] Bạn nên cẩn thận về điều đó, được chứ?
[00. 10. 37] Nhưng msg ở đây là một giá trị chuỗi thực hợp pháp thực sự. Back tics ở đây là một cách để thực hiện một chuỗi ký tự được đánh giá ngay lập tức. Và sau đó nó được thực hiện và nó không bao giờ được đánh giá lại. Nó giống như một iffy, nó chạy ngay lập tức và sau đó là xong
[00. 10. 54] Vì vậy, cách mà hầu hết mọi người nghĩ về các mẫu có sử dụng lại như một phần của định nghĩa. Đây không phải là tái sử dụng theo nghĩa đó. Bạn có thể bọc chúng trong một hàm và gọi một hàm. Và mỗi lần lấy lại một chuỗi mới từ một mẫu mới theo nghĩa đen. Nhưng bây giờ hàm trở thành khuôn mẫu không phải là giá trị chuỗi, bạn với tôi?
[00. 11. 15] Vì vậy, tôi và một số người khác đã. Thường xuyên bị gọi tên, đây là một tên xấu cho những. Chữ mẫu, mọi cách sử dụng từ mẫu ở đây sẽ gây nhầm lẫn và gây hiểu lầm. Chúng tôi đã đưa ra những phản đối này một thời gian trước, nhưng thông số kỹ thuật quá xa và dường như không ai quan tâm đến việc thực sự thay đổi bất cứ điều gì
[00. 11. 33] Vì vậy, nó đã xuất hiện trong thông số thanh chống dưới dạng chữ mẫu và chuỗi mẫu hoặc thứ gì đó tương tự. Vì vậy, nó hơi khó chịu, nhưng tôi thích gọi những thứ này theo đúng bản chất của chúng hơn, chỉ là các chuỗi ký tự nội suy. Gọi tôi là điên, tôi thích gọi một quả táo là một quả táo, phải không?
[00. 11. 53] Chuỗi ký tự nội suy là một câu nói hay. Vì vậy, vào một ngày cách đây khoảng một năm rưỡi, tôi đã tweet với Brendan Eich, vì tôi và anh ấy là bạn thân của nhau. Anh ấy là một chàng trai tuyệt vời, dù sao thì tôi đã tweet với Brendan Eich về điều này và tôi cũng vậy, bởi vì tôi đã tweet phàn nàn về các chữ mẫu và đó là một cái tên tồi.
[00. 12. 14] Và thật ngạc nhiên là anh ấy đồng ý với tôi rằng vâng, có thể có một số nhầm lẫn xung quanh mẫu từ đó. Vì vậy, chúng tôi đã quyết định trong cuộc trò chuyện trên Twitter đó, rằng nếu bạn muốn trở thành một đứa trẻ tuyệt vời và bạn muốn sử dụng đúng tên nhưng bạn muốn một cái tên nghe có vẻ ngầu cho nó
[00. 12. 31] Bạn không muốn nói chuỗi ký tự nội suy mà bạn chỉ có thể gọi chúng là chuỗi nội suy. Vì vậy, tôi hơi thích điều đó, nội bộ, đó là một từ hay. Dù sao thì có lẽ bạn không nghĩ điều đó buồn cười, có thể chiều nay bạn chưa uống đủ cà phê, tôi không biết. Interpoliterals, chuỗi ký tự nội suy, bất cứ điều gì bạn muốn gọi chúng
[00. 12. 49] Được rồi, vì vậy những thứ này rất hay như tôi đã nói chỉ là một tính năng cơ bản, thật thú vị khi có một cú pháp dễ dàng hơn một chút để xử lý các chuỗi của chúng ta. Thông báo lỗi của bạn, bất cứ điều gì của bạn. Tôi hoàn toàn không đề xuất như một số người, rằng bạn nên thực hiện tất cả cấu trúc HTML bên trong JavaScript của mình
[00. 13. 08] Tôi thực sự rất phản đối điều đó. Có rất nhiều lần chúng tôi thực hiện việc xây dựng chuỗi thông báo lỗi và những thứ khác tương tự. Bất cứ khi nào bạn đang thực hiện bất kỳ loại xây dựng chuỗi nào, hãy viết mẫu theo nghĩa đen. Interpoliteral sẽ hữu ích hơn cho bạn, câu hỏi về những điều đó?
[00. 13. 32] Một câu hỏi trong cuộc trò chuyện là, đây có thể là gì không? . Vì vậy, bạn có thể đặt toàn bộ chương trình JavaScript bên trong biểu thức nếu đó là điều bạn muốn. Trên thực tế, nghe có vẻ điên rồ, tôi đã có một vài lần thực hiện một nghĩa đen được nội suy bên trong biểu thức bên trong một nghĩa đen được nội suy khác.
[00. 13. 57] Vì vậy, bạn có thể đi, đó là con rùa xuống bạn đi xuống bao xa bạn cần phải đi. Được rồi, nhưng hầu hết thời gian, có lẽ là 99% thời gian, bạn sẽ thấy chúng giống như các biến JavaScript thông thường