2018-10-10 22:03:03 +00:00
|
|
|
---
|
|
|
|
id: 56533eb9ac21ba0edf2244b4
|
2021-03-16 14:41:19 +00:00
|
|
|
title: 用单引号引用字符串
|
2018-10-10 22:03:03 +00:00
|
|
|
challengeType: 1
|
2020-04-29 10:29:13 +00:00
|
|
|
videoUrl: 'https://scrimba.com/c/cbQmnhM'
|
|
|
|
forumTopicId: 18260
|
2021-01-13 02:31:00 +00:00
|
|
|
dashedName: quoting-strings-with-single-quotes
|
2018-10-10 22:03:03 +00:00
|
|
|
---
|
|
|
|
|
2020-12-16 07:37:30 +00:00
|
|
|
# --description--
|
|
|
|
|
2021-03-16 14:41:19 +00:00
|
|
|
JavaScript 中的<dfn>字符串</dfn>可以使用开始和结束都是同类型的单引号或双引号表示。 与其他一些编程语言不同的是,单引号和双引号的功能在 JavaScript 中是相同的。
|
2020-04-29 10:29:13 +00:00
|
|
|
|
|
|
|
```js
|
|
|
|
doubleQuoteStr = "This is a string";
|
|
|
|
singleQuoteStr = 'This is also a string';
|
|
|
|
```
|
|
|
|
|
2021-03-16 14:41:19 +00:00
|
|
|
当你需要在一个字符串中使用多个引号的时候,你可以使用单引号包裹双引号或者相反。 常见的场景比如在字符串中包含对话的句子需要用引号包裹。 另外比如在一个包含有 `<a>` 标签的字符串中,标签的属性值需要用引号包裹。
|
2020-04-29 10:29:13 +00:00
|
|
|
|
|
|
|
```js
|
|
|
|
conversation = 'Finn exclaims to Jake, "Algebraic!"';
|
|
|
|
```
|
|
|
|
|
2021-03-16 14:41:19 +00:00
|
|
|
然而,如果你需要在其中使用外面的引号,这就成为一个问题。 记住,一个字符串在开头和结尾处有相同的引号。 要知道,字符串在开头和结尾都有相同的引号,如果在中间使用了相同的引号,字符串会提前中止并抛出错误。
|
2020-04-29 10:29:13 +00:00
|
|
|
|
|
|
|
```js
|
|
|
|
goodStr = 'Jake asks Finn, "Hey, let\'s go on an adventure?"';
|
2021-03-16 14:41:19 +00:00
|
|
|
badStr = 'Finn responds, "Let's go!"';
|
2020-04-29 10:29:13 +00:00
|
|
|
```
|
|
|
|
|
2021-03-16 14:41:19 +00:00
|
|
|
在这里 `badStr` 会产生一个错误。
|
2021-02-06 04:42:36 +00:00
|
|
|
|
2021-03-16 14:41:19 +00:00
|
|
|
在上面的 <dfn>goodStr</dfn> 中,通过使用反斜杠 `\` 转义字符可以安全地使用两种引号。
|
|
|
|
|
|
|
|
**提示:**不要混淆反斜杠 `\` 和斜杠 `/`。 它们不是一回事。
|
2018-10-10 22:03:03 +00:00
|
|
|
|
2020-12-16 07:37:30 +00:00
|
|
|
# --instructions--
|
2018-10-10 22:03:03 +00:00
|
|
|
|
2021-03-16 14:41:19 +00:00
|
|
|
把字符串更改为开头和结尾使用单引号的字符串,并且不包含转义字符。
|
2018-10-10 22:03:03 +00:00
|
|
|
|
2021-03-16 14:41:19 +00:00
|
|
|
这样字符串中的 `<a>` 标签里面任何地方都可以使用双引号。 你需要将最外层引号更改为单引号,以便删除转义字符。
|
2018-10-10 22:03:03 +00:00
|
|
|
|
2020-12-16 07:37:30 +00:00
|
|
|
# --hints--
|
2018-10-10 22:03:03 +00:00
|
|
|
|
2021-03-16 14:41:19 +00:00
|
|
|
应该删除所有反斜杠(`\`)。
|
2018-10-10 22:03:03 +00:00
|
|
|
|
|
|
|
```js
|
2020-12-16 07:37:30 +00:00
|
|
|
assert(
|
|
|
|
!/\\/g.test(code) &&
|
|
|
|
myStr.match(
|
|
|
|
'\\s*<a href\\s*=\\s*"http://www.example.com"\\s*target\\s*=\\s*"_blank">\\s*Link\\s*</a>\\s*'
|
|
|
|
)
|
|
|
|
);
|
2018-10-10 22:03:03 +00:00
|
|
|
```
|
|
|
|
|
2021-03-16 14:41:19 +00:00
|
|
|
应该要有两个单引号 `'` 和四个双引号 `"`。
|
2018-10-10 22:03:03 +00:00
|
|
|
|
|
|
|
```js
|
2020-12-16 07:37:30 +00:00
|
|
|
assert(code.match(/"/g).length === 4 && code.match(/'/g).length === 2);
|
2018-10-10 22:03:03 +00:00
|
|
|
```
|
|
|
|
|
2021-01-13 02:31:00 +00:00
|
|
|
# --seed--
|
|
|
|
|
|
|
|
## --after-user-code--
|
|
|
|
|
|
|
|
```js
|
|
|
|
(function() { return "myStr = " + myStr; })();
|
|
|
|
```
|
|
|
|
|
|
|
|
## --seed-contents--
|
|
|
|
|
|
|
|
```js
|
|
|
|
var myStr = "<a href=\"http://www.example.com\" target=\"_blank\">Link</a>";
|
|
|
|
```
|
|
|
|
|
2020-12-16 07:37:30 +00:00
|
|
|
# --solutions--
|
2020-04-29 10:29:13 +00:00
|
|
|
|
2021-01-13 02:31:00 +00:00
|
|
|
```js
|
|
|
|
var myStr = '<a href="http://www.example.com" target="_blank">Link</a>';
|
|
|
|
```
|