js学习内容提示--不发布

0、ECMAScript和JavaScript的关系

ECMAScript 是一种由 Ecma 国际(前身为欧洲计算机制造商协会,European Computer Manufacturers Association)通过 ECMA-262 标准化的脚本程序设计语言,JavaScript 是 ECMAScript 最流行的实现之一,JavaScript 的核心功能基于 ECMAScript 标准,但 JavaScript 还具有 ECMAScript 标准中没有的其他功能。ECMAScript 是基于 JavaScript 的,而 JavaScript 也是基于 ECMAScript 的,两者密不可分。
ECMAScript 6(简称ES6)是于2015年6月正式发布的JavaScript语言的标准,正式名为ECMAScript 2015(ES2015)。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言 [1] 。
另外,一些情况下ES6也泛指ES2015及之后的新增特性,虽然之后的版本应当称为ES7、ES8等。

1、NaN的类型,含义

typeof(NaN)返回为number,表示非数字值,例如parseInt('aa')返回值为NaN
isNaN()判断是否为非数字值,非数字时返回true,否则返回false

2、trim()函数的作用,移除变量首尾的空格

3、null和undefined的区别

nullundefined返回true
null
=undefined 返回false,
typeof(null)返回object,
typeof(undefined)返回undefined
说明值都是空的含义,但类型不同

4、prototype

5、数字number相关的函数

toExponential()将对象转换为指数计数法
toFixed()将数字转换为字符串,且小数点后有指定位数的数字
toPrecision()将数字格式化为指定的长度,指总长度包括小数点前的和小数点后的

6、正则表达式

7、错误/异常捕获

try{
...//除了系统异常,还可以按照自己的需要throw异常信息
}catch(e){
...//可以捕获错误Error对象e
}finally{
...
}
思考:为了程序的严谨,在操作前尽量判断数据的有效性,当数据无效时throw自定义的异常,catch语句中在控制台打印这些异常,这样当页面不满足预期结果时,可以通过console打印信息定位问题原因。
捕获异常的好处:如果不捕获异常,当程序遇到异常时直接退出执行,如果捕获异常则可以继续执行在catch 或finally里定义的语句。

8、调试

调试工具为浏览器的开发者工具,F12键可以调出。可以设置断点调试js代码,也可以在程序中加关键字debugger,这个关键字与断点的效果是一样的,如果没有调试工具可用,debugger语句不工作,如果打开调试工具,会在debugger行暂停执行。

9、严格模式

“use strict”在JavaScript1.8.5中新增,它不是一条语句,但是是一个字面量表达式,在低版本中会忽略。目的是指定代码在严格条件下执行。在严格模式下,用户不能使用未声明的变量,不允许删除变量/对象,不允许删除函数,不允许变量重名,变量名不允许使用eval、arguments等字符串等。

10、switch中的条件判断

switch条件判断中使用的是===绝对等于,即既判断数据类型,又判断数值。

11、浮点数据注意事项

所有编程语言中,包括JavaScript,对浮点型数据的精确度都很难确定。

var x = 0.1;
var y = 0.2;
var z = x + y            // z 的结果为 0.30000000000000004
if (z == 0.3)            // 返回 false

JavaScript中浮点数精度问题及解决方案
https://www.runoob.com/w3cnote/js-precision-problem-and-solution.html

12、JavaScript中字符换分行

字符串中直接使用回车换行是会报错的:如

var x = " hello
world! "

字符串换行行使用反斜杠\,如下

var x = " hello \
world!"

由于JavaScript中;不是必须的,return是一个完整的语句,所以return语句不能断行书写,如

return 
a; //这种写法直接执行到return就结束了,等效与语句return;a;

13、HTML 约束验证

https://www.runoob.com/js/js-validation-api.html
HTML5新增了HTML 表单的验证方式:约束验证(constraint validation)。约束验证是表单被提交时浏览器用来实现验证的一种算法。HTML 约束验证基于:

  1. HTML 输入属性,如disabled、max、min、pattern、required、type
  2. CSS 伪类选择器,如:disabled、:invalid、:optional、:required、:valid
  3. DOM 属性和方法,
方法:
checkValidity()如果input中的元素是合法的返回true,否则返回false。setCustomValidity()自定义错误提示信息
DOM 属性:
validity 布尔属性值包含一系列数据属性,如customError、rangOverFlow、typeMissMatch等
validationMessage 浏览器错误提示信息
willValidate 指定input是否要验证

你可能感兴趣的:(js学习内容提示--不发布)