基础知识二
字符串转换
|
1 2 3 4 5 6 |
let value = true; alert(typeof value); // boolean value = String(value); alert(typeof value); // string |
数字转换
- 在算术函数和表达式中，会自动进行number类型转换。
|
1 |
alert("6" / "2"); // string类型会被自动转换为number |
|
1 2 3 4 5 6 |
let str = "123"; alert(typeof str); // string let num = Number(str); // 变成 number 类型 123 alert(typeof num); // number |
number类型转换规则
| 值 | 结果 |
| undefined | NaN |
| null | 0 |
| true和false | 1 和 0 |
| string | 去掉首尾空格后的纯数字字符串中含有的数字。如果剩余字符串为空，则转换结果为 0。否则，将会从剩余字符串中“读取”数字。当类型转换出现 error 时返回 NaN。 |
|
1 2 3 4 |
alert( Number(" 123 ") ); // 123 alert( Number("123z") ); // NaN（从字符串“读取”数字，读到 "z" 时出现错误） alert( Number(true) ); // 1 alert( Number(false) ); // 0 |
布尔型转换
- 它发生在逻辑运算中。
- 也可以通过调用 Boolean(value) 显式地进行转换。
- 直观上为“空”的值（如
0、空字符串、null、undefined和NaN）将变为false。 - 其他值变成
true。
|
1 2 3 4 5 |
alert( Boolean(1) ); // true alert( Boolean(0) ); // false alert( Boolean("hello") ); // true alert( Boolean("") ); // false |
|
1 2 3 |
// 注意 alert( Boolean("0") ); // true alert( Boolean(" ") ); // 空白，也是 true（任何非空字符串都是 true） |
算术运算
- +
- -
- *
- /
- 取余%
- 求幂**
- 自增自减
- 当我们使用
++/--的返回值时才能看到区别。
- 当我们使用
位运算符
- &
- |
- ^
- ~
- <<
- >>
- 无符号右移>>>
逗号运算符
- 返回最后一个表达式的值
|
1 2 3 |
let a = (1 + 2, 3 + 4); alert( a ); // 7（3 + 4 的结果） |
严格相等
|
1 2 3 |
alert( 0 == false ); // true alert( 0 === false ); // false，因为被比较值的数据类型不同 |
条件运算符
|
1 |
let result = condition ? value1 : value2; |
逻辑运算符
- &&
- ||
- !
空值合并运算符
a ?? b 的结果是：
- 如果
a是已定义的，则结果为a， - 如果
a不是已定义的，则结果为b。
while
|
1 2 3 4 5 |
let i = 3; while (i) { // 当 i 变成 0 时，条件为假，循环终止 alert( i ); i--; } |
dowhile
|
1 2 3 4 5 |
let i = 0; do { alert( i ); i++; } while (i < 3); |
for
|
1 2 3 |
for (let i = 0; i < 3; i++) { // 结果为 0、1、2 alert(i); } |
switch
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
switch(x) { case 'value1': // if (x === 'value1') ... [break] case 'value2': // if (x === 'value2') ... [break] default: ... [break] } |
函数声明
|
1 2 3 4 5 6 7 |
function showMessage() { alert( 'Hello everyone!' ); } function name(parameters) { ...body... } |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
function showMessage(text) { if (text === undefined) { text = 'empty message'; } alert(text); } showMessage(); // empty message function showMessage(text) { text = text || 'empty'; ... } function doNothing() { /* 没有代码 */ } alert( doNothing() === undefined ); // true |
函数表达式
|
1 2 3 |
let sayHi = function() { alert( "Hello" ); }; |
|
1 2 3 4 5 6 7 |
function sayHi() { // (1) 创建 alert( "Hello" ); } let func = sayHi; // (2) 复制 func(); // Hello // (3) 运行复制的值（正常运行）！ |
回调函数
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
function ask(question, yes, no) { if (confirm(question)) yes() else no(); } function showOk() { alert( "You agreed." ); } function showCancel() { alert( "You canceled the execution." ); } // 用法：函数 showOk 和 showCancel 被作为参数传入到 ask ask("Do you agree?", showOk, showCancel); |
函数声明和函数表达式
- 函数表达式是在代码执行到达时被创建，并且仅从那一刻起可用。
- 在函数声明被定义之前，它就可以被调用。
- 严格模式下，当一个函数声明在一个代码块内时，它在该代码块内的任何位置都是可见的。但在代码块外不可见。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
let age = 16; // 拿 16 作为例子 if (age < 18) { welcome(); // \ (运行) // | function welcome() { // | alert("Hello!"); // | 函数声明在声明它的代码块内任意位置都可用 } // | // | welcome(); // / (运行) } else { function welcome() { alert("Greetings!"); } } // 在这里，我们在花括号外部调用函数，我们看不到它们内部的函数声明。 welcome(); // Error: welcome is not defined |
函数箭头
|
1 |
let func = (arg1, arg2, ...argN) => expression |
|
1 2 3 4 5 6 7 8 9 10 |
let sum = (a, b) => a + b; /* 这个箭头函数是下面这个函数的更短的版本： let sum = function(a, b) { return a + b; }; */ alert( sum(1, 2) ); // 3 |
|
1 2 3 4 5 6 |
let sum = (a, b) => { // 花括号表示开始一个多行函数 let result = a + b; return result; // 如果我们使用了花括号，那么我们需要一个显式的 “return” }; alert( sum(1, 2) ); // 3 |
调试
debugger
- 可以使用
debugger命令来暂停代码
|
1 2 3 4 5 6 7 |
function hello(name) { let phrase = `Hello, ${name}!`; debugger; // <-- 调试器会在这停止 say(phrase); } |
代码风格
花括号
|
1 2 3 4 5 |
if (condition) { // do this // ...and that // ...and that } |
行长度
- 没有人喜欢读一长串代码，最好将代码分割一下。
缩进
- 水平方向上的缩进：2 或 4 个空格。
- 垂直方向上的缩进：用于将代码拆分成逻辑块的空行。
|
1 2 3 4 5 6 7 8 9 |
function pow(x, n) { let result = 1; // <-- for (let i = 0; i < n; i++) { result *= x; } // <-- return result; } |
本文为原创文章，版权归Aet所有，欢迎分享本文，转载请保留出处！
你可能也喜欢
- ♥ WebSocket协议相关学习一03/24
- ♥ 【Javascript】第一部分05/10
- ♥ 【Javascript】对象构造05/20
- ♥ cef：任务、IPC、网络相关04/30
- ♥ 【Javascript】数字，字符串，数组07/01
- ♥ Chromium：学习，框架，一09/02