码迷,mamicode.com
首页 > 编程语言 > 详细

React 1 - Javascript (ECMAscript) 重学习

时间:2019-12-22 12:50:04      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:string   nta   numbers   连接字符串   作用   inf   code   lan   cal   

参考: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的新属性

 

技术图片

 

  •  常用数组方法

技术图片

 

函数:

技术图片

  • 没有使用 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) 重学习

标签:string   nta   numbers   连接字符串   作用   inf   code   lan   cal   

原文地址:https://www.cnblogs.com/crdanding/p/12076172.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!