给菜鸟准备的 javascript 教程(1)-CSDN博客

本文链接：https://blog.csdn.net/zan00789/article/details/148096672

引言

Javascript 如果你是网络从业者，这是你绕不开的语言。

前端来说的 html css javascript 三件套

后端数据库， node js 服务器端的基础。

基本语法

以分号结束，语句用花括号 {…} . 但是分号并不是每一句的强制要求，浏览器会在执行时候帮你补齐。

var x = 1;

‘Hello, world’;

都是一个完整的语句

var x = 1; var y = 2; // 不建议一行写多个语句!

这是两个语句平行写。

if (2 > 0) {
    x = 1;
    y = 2;
    z = 3;
}

这是一个语句的集合，判断如果为真，执行所有语句就是给 xyz 三个变量赋数值。

{…}内的语句具有缩进，通常是4个空格。缩进不是JavaScript语法要求必须。

Javascript 严格区分大小写。

数据类型和变量

Number

javascript 不区分整数和浮点数，统一为Number 。

123; // 整数123
0.456; // 浮点数0.456
1.2345e3; // 科学计数法表示1.2345x1000，等同于1234.5
-99; // 负数
NaN; // NaN表示Not a Number，当无法计算结果时用NaN表示
Infinity; // Infinity表示无限大，当数值超过了JavaScript的Number所能表示的最大值时，就表示为Infinity

十六进制用0x前缀和0-9，a-f表示，例如：0xff00，0xa5b4c3d2

1 + 2; // 3
(1 + 2) * 5 / 2; // 7.5
2 / 0; // Infinity
0 / 0; // NaN
10 % 3; // 1
10.5 % 3; // 1.5

可以直接进行四则运算，包括求余。

javascript不区分整数与浮点数 12.00== 12

// 计算圆面积:
var r = 123.456;
var s = 3.14 * r * r;
console.log(s); // 47857.94555904001

// 打印Number能表示的最大整数:
console.log(Number.MAX_SAFE_INTEGER); // 9007199254740991

在这里插入图片描述

可以进行的运算最大的为 2**1000

字符串

javascript的字符串单引号双引号都可以。字符串只等于引号以内的部分。

布尔值

只有2种， true false

true; // 这是一个true值
false; // 这是一个false值
2 > 1; // 这是一个true值
2 >= 3; // 这是一个false值

运算符

true && true; // 这个&&语句计算结果为true
true && false; // 这个&&语句计算结果为false
false && true && false; // 这个&&语句计算结果为false
只有所有都为真 结果才为真
false || false; // 这个||语句计算结果为false
true || false; // 这个||语句计算结果为true
false || true || false; // 这个||语句计算结果为true
只有结果都为假，结果才是假
! true; // 结果为false
! false; // 结果为true
! (2 > 5); // 结果为true
单目运算符

一般用在条件判断中

var age = 75;
if (age >= 60) {
    alert('elder');
} else {
    alert('younger');
}

比较运算符

2 > 5; // false
5 >= 2; // true
7 == 7; // true

javascript 运行任意数据的类型比较

false == 0; // true
false === 0; // false

相等运算符 ==

javascript : 第一种是==比较，它会自动转换数据类型再比较，很多时候，会得到非常诡异的结果；

第二种是===比较，它不会自动转换数据类型，如果数据类型不一致，返回false，如果一致，再比较。

由于JavaScript这个设计缺陷，不要使用==比较，始终坚持使用===比较。

NaN

NaN 代表 “Not-a-Number”（非数字）。它是一个特殊的值，用于表示某些操作无法返回有效数字的情况。

NaN 通常在以下几种情况下出现
在这里插入图片描述
无效的数字转换
数学运算结果无效
操作数为NaN的运算

在这里插入图片描述

NaN === NaN; // false

唯一能判断NaN的方法是通过isNaN()函数：

isNaN() 是 JavaScript 中用于检查其参数是否是非数字值的函数。它的作用是判断一个值是否不能转换为数字。如果值能转换为数字，它返回 false，否则返回 true .

isNaN(value);
isNaN(123); // 返回 false
isNaN("123"); // 返回 false
isNaN("Hello"); // 返回 true
isNaN(undefined); // 返回 true
isNaN({}); // 返回 true

在这里插入图片描述

强制类型转换：isNaN() 会首先将参数转换为数字，然后再进行判断。这可能会导致一些令人困惑的结果。例如，空字符串会被转换为 0，布尔值会被转换为 0 或 1，因此 isNaN(“”) 和 isNaN(true) 都返回 false 2.
更可靠的方法：使用 Number.isNaN() 来严格判断一个值是否为 NaN.

最后是浮点数比较

在这里插入图片描述