React 1 - Javascript (ECMAscript) 重学习

Posted 逆水行舟,不进则退

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React 1 - Javascript (ECMAscript) 重学习相关的知识,希望对你有一定的参考价值。

参考:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript

 

Javascript 类型:

 

数字:

  • javascript 不区分整数值和浮点数值,所有数字在 JavaScript 中均用浮点数值表示,所以在进行数字运算的时候要特别注意。

 

  • JavaScript 支持标准的算术运算符,包括加法、减法、取模(或取余),还有一个之前没有提及的内置对象 Math(数学对象)

 

 

  • 内置函数 parseInt() 将字符串转换为整型。该函数的第二个可选参数表示字符串所表示数字的基(进制)

 

  • 内置函数 parseFloat(),用以解析浮点数字符串,与parseInt()不同的地方是,parseFloat() 只应用于解析十进制数字。

 

  • 单元运算符 + 也可以把数字字符串转换成数值

 

  • 如果给定的字符串不存在数值形式,函数会返回一个特殊的值 NaN

 

  • 内置函数 isNaN() 来判断一个变量是否为 NaN

 

 

  • JavaScript 还有两个特殊值:Infinity(正无穷)和 -Infinity(负无穷)

 

 

  • 内置函数 isFinite() 来判断一个变量是否是一个有穷数, 如果类型为Infinity-Infinity 或 NaN则返回false

 

 

 

  • Note: 

parseInt() 和 parseFloat() 函数会尝试逐个解析字符串中的字符,直到遇上一个无法被解析成数字的字符,然后返回该字符前所有数字字符组成的数字。

然而如果使用运算符 "+", 只要字符串中含有无法被解析成数字的字符,该字符串都将被转换成 NaN

 

字符串:

 

  • 字符串的 length(编码单元的个数)属性,可以得到它的长度

  • 字符串也有 methods(方法)能让你操作字符串和获取字符串的信息

 

 

 

其他类型:

  • null 表示一个空值(non-value),必须使用 null 关键字才能访问
  • undefined 是一个“undefined(未定义)”类型的对象,表示一个未初始化的值,也就是还没有被分配的值。一个未被赋值的变量就是 undefined 类型。还有一点需要说明的是,undefined 实际上是一个不允许修改的常量。
  • JavaScript 包含布尔类型,这个类型的变量有两个可能的值,分别是 true 和 false

根据具体需要,JavaScript 按照如下规则将变量转换成布尔类型

 

  • JavaScript 支持包括 &&(逻辑与)、|| (逻辑或)和!(逻辑非)在内的一些逻辑运算符。

 

 

 

 变量

  • let 语句声明一个块级作用域的本地变量,并且可选的将其初始化为一个值

 

 

 

  • const 允许声明一个块级作用域不可变的常量。

 

 

 

  • var 声明的变量在它所声明的整个函数都是可见的

 

 

 

  • Note:

声明了一个变量却没有对其赋值,那么这个变量的类型就是 undefined

 

 

运算符:

  • JavaScript的算术操作符包括 +-*/ 和 %
  • 复合运算符,如 += 和 -=,++ 和 --

 

 

 

  • JavaScript 中的比较操作使用 <><= 和 >=,这些运算符对于数字和字符串都通用。
  • 由两个“=(等号)”组成的相等运算符有类型自适应的功能

 

 

 

 

 

 

 

 

 

 

  • JavaScript 还支持 != 和 !== 两种不等运算符,具体区别与两种相等运算符的区别类似

 

控制结构:

  • if...else 条件语句
  • 条件表达式的三元操作符

 

 

  • while 循环和 do-while 循环

 

  •   for 循环

 

 

 

 

 

  • && 和 || 运算符使用短路逻辑(short-circuit logic),是否会执行第二个语句(操作数)取决于第一个操作数的结果

 

  • switch 语句

 

 

 对象

  • 创建空对象:

 

  • 对象访问

 

 

 

 

数组:

  • 创建数组

 

  • 数组Length并不总等于数组中元素个数

 

  • 数组遍历

 

 

 

  不推荐,因为会遍历出数组中Array.prototype的新属性

 

 

  •  常用数组方法

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array

 

函数:

  • 没有使用 return 语句,或者一个没有值的 return 语句,JavaScript 会返回 undefined
  • 调用函数时没有提供足够的参数,缺少的参数会被 undefined 替代。

 

 

  • 传入多于函数本身需要参数个数的参数

 

 

  • 函数实际上是访问了函数体中一个名为 arguments 的内部对象,这个对象就如同一个类似于数组的对象一样,包括了所有被传入的参数

 

 

  • 剩余参数(Rest parameter syntax)

 

剩余参数符号将存储他后面的所有参数,而不存之前出现的。例如, 函数定义:avg(firstValue, ...args) , 调用avg (2,3,4,5), 那么firstvalue =2,args =[ 3,4, 5 ]

 

  • 重写函数

 

 

 

 自定义对象:

  • 独立的function:

  • 函数对象1:

 

 

 

  • 函数对象2:

功效同上。缺点:每次创建Person 都会创建两个函数对象

 

 

 

  • 原型链:

 

 

  • 内部函数:

  局部全局(local global)

 

 闭包:

一个函数 与其 被创建时所带有的作用域对象 的组合

 

 

  

以上是关于React 1 - Javascript (ECMAscript) 重学习的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript学习:JavaScript实现

Javascript简介

USB中CDC-ECM

ECM3420/ECMM445

MySQL表字段的数据迁移

JavaScript基础知识