07/26 JavaScript基础02 ｜青训营笔记JavaScript 用法位于 <script>与 </scr

这是我参与「第四届青训营 -前端场」笔记创作活动的的第3篇笔记

JavaScript 用法

位于 <script>与 </script>标签之间

<script>
alert("我的第一个 JavaScript");
</script>

脚本可位于 HTML 的 <body> 或 <head> 部分中，或者同时存在于两个部分中

外部引用JavaScript

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

Chrome 浏览器调试 JavaScript

打开开发者工具
- F12
- 鼠标右键+选择"检查"
调试 JavaScript代码
清空 Console 窗口内容
Chrome snippets 小脚本

创建脚本

在右侧窗口输入以下代码，Ctrl+S

console.log("runoob-1")
console.log("runoob-2")

选择 "Run" 执行代码

JavaScript 输出

window.alert() - 弹出警告框
document.write() - 方法将内容写到 HTML 文档中,运行HTML后将显示在页面上

我的第一个 Web 页面
我的第一个段落。
innerHTML - 写入到 HTML 元素

我的第一个 Web 页面
我的第一个段落
console.log() - 写入到浏览器的控制台

我的第一个 Web 页面

String（字符串）

let dolphinGoodbye = 'So long and thanks for all the fish';
//+ ：将多个字符串连接起来
let longString = "This is a very long string which needs " +
                 "to wrap across multiple lines because " +
                 "otherwise my code is unreadable.";
//反斜杠字符（“\\”）
let longString = "This is a very long string which needs \\
to wrap across multiple lines because \\
otherwise my code is unreadable.";

转义字符

Code

Output

\0

空字符

\'

单引号

\"

双引号

\\

反斜杠

\n

换行

\r

回车

\v

垂直制表符

\t

水平制表符

\b

退格

\f

换页

\uXXXX

unicode 码

\u{X} ... \u{XXXXXX}

unicode codepoint Experimental

\xXX

Latin-1 字符 (x 小写)

获取单个字符

charAt()
```
return 'cat'.charAt(1); // returns "a"
```
将字符串当作数组对象
```
return 'cat'[1]; // returns "a"
```

比较字符串 - 比较运算符（> < ≥ ≤）

var a = "a";
var b = "b";
if (a < b) // true
  print(a + " is less than " + b);
else if (a > b)
  print(a + " is greater than " + b);
else
  print(a + " and " + b + " are equal.");

将其他值转换成字符串
- String函数
```
String(thing)
new String(thing)
```
  💡 thing：任何可以被转换成字符串的值
- toString - 将数字转换为字符串
```
let myNum = 123;
let myString = myNum.toString();
typeof myString;
```

基本字符串（String）与字符串对象（Object）的区别

var s_prim = "foo";
var s_obj = new String(s_prim);

console.log(typeof s_prim); // Logs "string"
console.log(typeof s_obj);  // Logs "object"

注：eval会将基本字符串作为源代码处理

连接字符串 - 加法运算符（+）

let one = 'Hello, ';
let two = 'how are you?';
let joined = one + two;
joined;//"Hello, how are you?"

let response = one + 'I am fine — ' + two;
response;//"Hello, I am fine — how are you?"

获得字符串的长度 - length函数

let browserType = 'mozilla';
browserType.length;

07/26 JavaScript基础02 ｜ 青训营笔记

JavaScript 用法

Chrome 浏览器调试 JavaScript

JavaScript 输出

我的第一个 Web 页面

我的第一个 Web 页面

我的第一个 Web 页面

String（字符串）

07/26 JavaScript基础02 ｜青训营笔记