JS高级程序设计第3章--精简版

时间 2019-12-10

标签高级程序设计精简栏目 JavaScript 繁體版

原文原文链接

前言：纯手打！！！按照本身思路重写！！！此次是二刷了，想暑假作一次完整的笔记，但用本子来写笔记的话太贵了，可能哪天还丢了。。因此仍是博客好==数组

第三章：基本概念（语法、数据类型、流控制语句、函数）安全

3.1 语法：函数

　　ECMAScript的语法大量借鉴了C及其余语言。测试

3.1.1 区分大小写this

3.1.2 标识符：编码

　　指的是变量、函数、属性的名字、函数的参数。注意：首字符必须是一个字母、下划线、或者美圆$符号。spa

　　ES标识符采用驼峰大小写格式（首字母小写，其余单词的首字母大写，如：setData），不能够把关键字、保留字、true、false、null做为标识符。debug

3.1.3 注释：指针

　　单行注释： //code

　　块级注释： /* *内容 */

3.1.4 严格模式：对某些不安全的操做抛出错误

　　在脚本中启动严格模式，能够在其顶部写一行代码："use strict" 。

3.1.5 语句：

　　以分号结尾，其实也能够不写，但最好写。。。

3.2 关键字和保留字：（这些都不能够做为标识符）

　　关键字大体为： break、else、new、var、 case、 finally 、 return、 void 、 catch 、for 、switch 、 while 、 continue、 function 、this 、 with 、default 、 if 、 throw 、 delete 、 in 、 try 、do 、 instranceof、 typeof。。。

　　保留字大体位： abstract 、 enum 、int 、 short 、 boolean 、export 、interface、 static、 byte 、extends 、 long 、 super 、 char 、 final 、native 、synchronized 、 class 、float 、 package 、throws 、 const 、goto 、private 、transient 、 debugger 、 implements 、protected 、 volatile 、 double 、import 、public、class、entends、super、const、export、import、let、public。。。、

3.3 变量：

var message; 　　即定义一个变量，该变量成为该变量做用域中的局部变量，此变量未初始化，会保存一个值----undefined、
var message = "hi";
message = "hi"; 　　全局变量

3.4 数据类型：

五种简单数据类型（即基本数据类型）：Undefined、Null、Boolean、Number、String
一种复杂数据类型：Object

3.4.1 typeof操做符：

　　检测给定变量的数据类型——typeof

“undefined”——若是这个值未定义；
“boolean”——若是这个值是布尔值；
“string"——若是这个值是字符串；
”number“——若是这个值是数值；
”object”——若是这个值是对象或者null；
“function"——若是这个值是函数！！！虽然函数是对象，但能够经过typeof区分是否是函数。

　　如：var message = "some string";

　　　　alert(type of message);　　//"string"

　　　　alert(type of null);　　//”object"

3.4.2 Underfined类型：

　　 var message; var message1 = undefined; var age

　　　alert(message == undefined);　　//true

　　　alert(message);　　//undefined

　　 alert(age);　　//产生错误

　　 alert(message1 == underfined);　　//true

3.4.3 Null类型：

　　　null值表示一个空对象指针，因此用typeof检测会返回“object”。

　　　var car = null;

　　　alert(typeof car);　　//"object"

　　　！！！注意 undefined值是派生自null值的，因此 alert(null == undefined);　　//true

3.4.4 Boolean类型：

　　该类型只有两个字面值：true和false。

数据类型	转换为true的值	转换为false的值
Boolean	true	false
String	任何非空字符串	" "（空字符串）
Number	任何非0数字值(包括无穷大)	0和NaN
Object	任何对象	null
Undefined	n/a（不适用）	undefined

　　这些转换规则对理解流控制语句（如if语句）自动执行相应的Boolean转换很是重要：

　　var mesage = "Hello World";

　　if (message) {　　// 这个message自动转换了对应的Boolean值——ture

　　　　alert("Value is true");

　　}

3.4.5 Number类型：

　　数值字面量格式：（在进行算术计算时，全部八进制和十六进制表示的数值最终都将被转换成十进制数值）

十进制整数：var intNum = 55;
八进制：（严格模式下无效）第一位是0，而后是八进制数字序列（0~7），若超过7，则第一位的0被忽略，

　　　后面的数值被看成十进制来看，var octalNum1 = 070;　　//八进制的56 var octalNum2 = 079;　　//无效的八进制，解析为79

十六进制：前2位必须是0x，后跟任何十六进制数字（0~9及A~F 字母可大小写）

　　浮点数值：简单的不说，说说 var floatNum = 3.125e7;　　//等于31250000，即3.125乘以10的七次方。

　　0.1 + 0.2 结果不是0.3，而是0.30000000000000004，因此在进行算术计算时其精确度远远不如整数，因此最好不要作如下测试：

　　if (a + b == 0.3) {

　　　　alert ("You got 0.3" );

　　}

　　数值范围：有规定最大最小值，若超出，则转换成负无穷（-Infinity），正无穷（Infinity）。

　　 NaN：即非数值，它是一个特殊的数值。表示一个原本要返回数值的操做数未返回数值的状况（这样子就不会抛出错误）

　　　　　任何涉及NaN的操做都会返回NaN，NaN与任何值都不相等，包括NaN自己。 alert (NaN == NaN);　　//false

　　　　　！！！因此ES定义了 isNaN() 函数，这个函数接受一个任何类型的参数，函数能够帮咱们肯定这个参数是否“不是数值”，某些不是数值的值会被自动直接地转换为数值。

　　　　　alert (isNaN(NaN));　　//true，表示这个不是数值

　　　　　alert (isNaN(10));　　//false，表示10是数值

　　　　 alert (isNaN(“10”));　　//false，表示能够被转换成数值10

　　　　　alert (isNaN(“blue"));　　//true，表示这个不能转换成数值

　　　　　alert (isNaN(true));　　//false，表示能够转换成数值1

　　数值转换：有三个函数能够把非数值转换成数值

　　Number() ：能够用于任何数据类型，转型函数将其转换为数值。

- var num1 = Number(”Hello Wordl“);　　//NaN，即字符串中若包含除了数字的字符，则将其转换为NaN
- var num2 = Number(” “); //0
- var num3 = Number(”000011“); //11，前面的0被忽略
- var num4 = Number(true); 　　//1
- var num5 = Number(null);　　//0
- var num6 = Number(undefined);　　//NaN
- 若是是对象，则调用对象的valueOf()方法，而后依照前面的规则转换返回的值。若转换的结果是NaN，则调用对象的toString()方法，而后再次依照前面的规则转换返回的字符串。

　　parseInt()：处理整数的时候经常使用：

- var num1 = parseInt(”1234blue“);　　//1234，忽略blue
- var num2 = parseInt(” “); //NaN，和Number()不一样，由于parseInt()会拼命找第一个非空格字符。
- var num3 = parseInt(”0xA“, 16); //10（十六进制数转十进制）
- var num4 = parseInt(22.5); 　　//22
- var num5 = parseInt(”070“ ,8);　　//56（八进制数转十进制）
- var num6 = parseInt(”70“ ,10);　　//70

　　parseFloat() ：与parseInt()的类似与区别是都是从第一个字符开始解析，只认识一个小数点，会忽略一开始的0，只识别十进制，而十六进制的字符串会被转换为0

- var num1 = parseFloat(”1234blue“);　　//1234
- var num2 = parseFloat(”0xA“);　　//0，不认识十六进制~
- var num3 = parseFloat(”22.4.33“);　　//22.4
- var num4 = parseFloat(”0202.4“);　　//202.4
- var num5 = parseFloat(”3.125e7“);　　//31250000

3.4.6 string类型：即字符串

　　能够由双引号和单引号表示。

String数据类型包含一些特殊的字符字面量（转义序列），用于表示非打印字符。经常使用的有：

　　\n 表示换行，\t 表示制表，\b表示退格，\r表示回车，\\表示斜杠，\'表示单引号，\"表示双引号，\xnn表示以十六机制代码nn表示的一个字符（n为0~F），\unnnn表示以十六进制代码nnnn表示的一个Unicode字符（n为0~F）。

　　！！！注意，n个字符长的转移序列只表示一个字符（在length里表示1）

将一个值转换为字符串：有两种方法
- toString()方法：返回相应值的字符串表现，相应值能够是数值、布尔值、对象和字符串值（返回字符串的一个副本）！但null和undefined值没有这个方法。

　　　　　可传参也能够不传参，参数表示以n进制格式（基数）返回数值，默认不填为十进制。

　　　　　　var num = 10;

　　　　　　alert (num.toString());　　// "10"

　　　　　　alert (num.toString(2));　　// "1010"

　　　　　　alert (num.toString(8));　　// "12"

　　　　　　alert (num.toString(10));　　// "10"

　　　　　　alert (num.toString(16));　　// "a"

- String()转型函数：在不知道要转换的值是否是null或undefined时可使用。这个函数能够将任何类型的值转换为字符串！
  - 若是值有toString() 方法，则调用该方法并返回相应的结果。
  - var value1 = true;　　alert(String(value1));　　// “true" ，一个副本
  - var value2 = null;　　 alert(String(value2));　　// "null" ，由于null没有toString()方法因此String()函数就返回了这个值的字面量"null"。
  - var value3;　　alert(String(value3));　　// ”undefined“ ，由于undefined没有toString()方法因此String()函数就返回了这个值的字面量”undefined“。

3.4.7 Object类型：就是对象！即一组数据和功能的集合。

　　对象能够经过执行new操做符后跟要建立的对象类型的名称来建立，即 var o = new Object (); 若是不用给构造函数传参，也能够这么写：var o = new Object；但不推荐。

　　关于Object的每一个实例的具体属性和方法，第5、六章再讨论。

3.5 操做符：

　　是用于操做数据值的操做符，包括算术操做符、位操做符、关系操做符、相等操做符。

3.5.1 一元操做符：

前置操做符： var age = 29; ++age; age变量的值都是在语句被求值之前改变的。
后置操做符： var price = 29; price++; price变量的值都是在包含它们的语句被求值以后才执行的。
以上的意思能够从这段代码看出：

　　　var num1 = 2;　　var num2 = 20;　　var num3 = num1-- + num2;　　//等于22，由于是后置，因此在var num3语句里它不改变先，等到这条语句被求值以后才改变　　var num4 = num1 + num2 ;　　//等于21，num1=1。

加减先后置操做符不只能够应用在整数上，还能够应用在字符串、布尔值、浮动数值和对象上哦！！！
- var s1 = "2";　　s1++;　　// 3，包含有效数字字符的字符串先转换为数字值，再执行加减的操做，而后字符串变量变成数值变量。
- var s2 = "x",　　s2++;　　// NaN，由于不包含数字，不过字符串变量仍是会变成数值变量NaN；应用一元操做符都会变成NaN！！！
- var b = false;　　b++;　　// 1，布尔值变成0或1，再执行加减1的操做，而后布尔值变量变成数值变量。
- var f = 1.1;　　 f--;　　//0.10000000000000009
- var o = { ;　　o--;　 //-2

　　　　　　　　valueOf : function () {

　　　　　　　　　　　　return -1;

　　　　　　　　}

一元减操做符（-）：主要用于表示负数

3.5.2 位操做符：本小节暂不讲解。。。。。。。

3.5.3 布尔操做符：

逻辑非（！）：短路操做符。应用于任何值，返回一个布尔值。生动的说就是：alert(!”我是好人“） //false，返回一个坏人，由于有！存在。
- alert(!false);　　// true
- alert(!"blue");　　// false
- alert(!0);　　　　// true
- alert(!NaN);　　// true
- alert(!" ");　　　// true
- alert(!12345);　//false

　　　若使用两个！那就是反过来咯。

逻辑与（&&）：全true则true。应用于任何类型的操做数，不只仅是布尔值，但不能够在&&操做中使用未定义的值，否则会致使错误，不返回值。遵循如下规则：

　　　若第一个操做数能决定结果了，那第二个就无视。即第一个是false，那就不看第二个了。若第一个是true，那仍是会去看第二个（第二个不可使用未定义的值）。

　　　若两个操做数都是对象，则返回第二个操做数；若第一个操做数是null，则返回null；若第一个操做数是NaN，则返回NaN；若第一个操做数是undefined，则返回undefined；

第一个操做数	第二个操做数	结果
true	true	true
true	false	false
false	true	false
false	false	false

逻辑或（||）：有true则true，和逻辑与同样，不可使用未定义的值

　　　若第一个操做数能决定结果了，那第二个就无视。即第一个是true，那就不看第二个了。若第一个是false，那仍是会去看第二个（第二个不可使用未定义的值）。

　　　若两个操做数都是对象，则返回第一个操做数；若两个操做数都是null，则返回null；若两个操做数都是NaN，则返回NaN；若两个操做数都是undefined，则返回undefined；

第一个操做数	第二个操做数	结果
true	true	true
true	false	true
false	true	true
false	false	false

3.5.4 乘性操做符：乘法、除法和求模，会自动把非数值的操做符转换位数值（即自动用Number()转换）

乘法要注意的是：结果超出ES数值表示范围，则返回Infinity或-Infinity；如有某一个操做数是NaN，那结果就是NaN；操做数是Infinity，那结果也是Infinity；Infinity乘以0等于NaN。
除法要注意的是：结果超出ES数值表示范围，则返回Infinity或-Infinity；如有某一个操做数是NaN，那结果就是NaN；操做数是Infinity，那结果也是Infinity；Infinity除以Infinity等于NaN；0除以0等于NaN。
求模（%）主要须要注意的是：Infinity除以Infinity等于NaN；被除数是0，结果就是0。

3.5.5 加性操做符：加法、减法

加法要注意的是：如有一个操做数是NaN，结果就是NaN；+0加+0等于+0；-0加-0等于-0；+0加-0等于+0；

　　　！！！最重要的来了，若是两个操做数都是字符串，则将第二个操做数与第一个操做数拼接起来；若是只有一个操做数是字符串，则将另一个操做数转换为字符串，再将第二个操做数与第一个操做数拼接起来。

　　　若是有一个操做符是对象、数组或布尔值，则调用它们的toString() 方法取得相应的字符串值；对于undefined和null，则分别调用String()函数并取得”undefined“和”null“。

　　　例题：var num1 = 5;　　var num2 = 10;　　var message = "The sum of 5 and 10 is" + num1 + num2;　　alert(message);　　//"The sum of 5 and 10 is 510" ；

　　　　　　var num1 = 5;　　var num2 = 10;　　var message = "The sum of 5 and 10 is" + (num1 + num2);　　alert(message);　　//"The sum of 5 and 10 is 15" ；

　　　　　　var result1 = 2 + true;　　// 3，由于true被Number()函数转换成1

减法要注意的是：如有一个操做数是NaN，结果就是NaN；+0减+0等于+0；-0减-0等于+0；+0加-0等于-0；

　　　！！！最重要的来了，它和加法不同，不拿来拼接什么鬼字符串。

　　　！！！ (主要是使用了Number()函数）

　　　例题：var result1 = 5 - true;　　//4

　　　　　　var result2 = NaN - 1;　　//NaN

　　　　　　var result3 = 5 - 3;　　//2

　　　　　　var result4 = 5 - " ";　　//5

　　　　　　var result5 = 5 - ”2“;　　//3

　　　　　　var result6 = 5 - null;　　//5

3.5.6 关系操做符：大于、小于、小于等于、大于等于：

　　相应规则：

若两个操做数都是数组，则执行数值比较。
若两个操做数都是字符串，则比较两个字符串对应的字符编码值。
如有一个操做数是数值，则将另一个操做数转换为一个数值，而后执行数值比较。
如有一个操做数是对象，则调用这个对象的valueOf()方法再比较，若没有此方法，则调用toString()方法，再比较。
若一个操做数是布尔值，则先将其转换为数值而后再比较。
任何数和NaN比较，结果都是false。

　　例题：var result = "a" < 3;　　//false，字符串a不能被转换成合理的数值，因此”a"被转换成NaN

　　　　　var result1 = "23" < "3";　　//true，比较的是字符编码

　　　　　var result2 = "23" < 3;　　//false，由于”23“变成了23

3.5.7 相等操做符：==、!= ，===、!== ：

相等与不相等：==、!=
- 相等：相等和不相等是先强制转型再比较它们的相等性
  - 若两个操做数相等则返回true，不相等则返回false；
- 不相等：
  - 若两个操做数相等则返回false，不相等则返回true；
- 基本规则：
  - 如有布尔值，则先转换为数值，false=0，true=1；
  - 如有一个是字符串，另外一个是数值，则先把字符串转换为数值；
  - 如有一个是对象，另外一个不是，则调用对象的valueOf()方法，用获得的基本类型值再进行比较；
  - null == undefined（相等）
  - 如有一个是NaN，则相等操做符返回false，不相等操做符返回true；即便有两个都是NaN都同样，由于NaN不等于NaN；
  - 若两个都是对象，则比较它们是否是都指向同一对象，是则相等操做符返回true，不然返回false；
  - null == 0　，undefined == 0　//false，由于null和undefined在作相等判断时不进行转型，因此null、undefined和0是不一样类型数据，因此返回false；

表达式	值
null == undefined、false == 0、NaN != NaN、”5“ == 五、true == 1	true
”NaN“ == NaN、5 == NaN、NaN == NaN、null == 0、undefined == 0	false

全等和不全等：===、!==
- 比较前不转换，因此比较的时候看数据类型相不相等
- 其余规则和相等不相等同样~~

未完、待续。