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

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

前言：纯手打！！！按照自己思路重写！！！这次是二刷了，想暑假做一次完整的笔记，但用本子来写笔记的话太贵了，可能哪天还丢了。。所以还是博客好==

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

3.1 语法：

ECMAScript的语法大量借鉴了C及其他语言。

3.1.1 区分大小写

3.1.2 标识符：

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

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

3.1.3 注释：

单行注释： //

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

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。

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的每个实例的具体属性和方法，第五、六章再讨论。

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，那就不看第二个了。若第一个是false，那还是会去看第二个（第二个不可以使用未定义的值）。

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

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；

• 全等和不全等：===、!==
  • 比较前不转换，所以比较的时候看数据类型相不相等
  • 其他规则和相等不相等一样~~

未完、待续。