javascript高级程序设计笔记-第三章(基本概念)

一、数据类型

ECMAScript共有6种数据类型,其中基本数据类型5种:Undefined、Null、Boolean、Number和String,复杂数据类型一种:Object

1、typeof操作符

检测给定变量的数据类型

"undefined"——如果这个值未定义(未声明变量也会出现这个结果)
"boolean"——布尔值
"string"——字符串
"numbel"——数字
"object"——对象或者null
"function"——函数

2、Undefined类型

在使用var声明变量但未对其加以初始化时,这个变量的值就是undefined

var message;
alert(message);		//"undefined"

但是如果这个变量,没有声明,就会抛出错误

//var age没有声明
alert(age)		//Uncaught ReferenceError:

3、Null类型

如果定义的变量准备在将来用于保存对象,那么最好将其初始化为null

实际上undefined值是派生自null值的

alert(null)			//"undefined"

4、Boolean类型

Boolean类型的字面量true和false区分大小写。这两个值与数字值不是一回事,true不一定等于1,false不一定等于0

ECMAScript中所有类型的值都能通过转型函数Boolean()转换为true或false

以下6个值转换为false,其他都转换为ture:
false
""(空字符串)
0和NaN
null
undefined

5、Number类型

isFinite()函数,确定一个数值是不是有穷的;

isNaN()函数,将接收到的参数尝试转换为数值,再做判断。

alert(isNaN(NaN));		//true
alert(isNaN(10));		//false
alert(isNaN("10"));		//false(可以转换为10)
alert(isNaN("10blue"));	//true(不能转换为数值)
alert(isNaN(true));		//false(转换为1)

NaN的两个特点:

  1. 任何值涉及NaN的操作都会返回NaN
  2. NaN与任何值都不相等,包括NaN本身

parseInt()函数:

parseInt("1234blue")		//1234
parseInt("")				//NaN
parseInt("0xA")				//10(十六进制数)

parseFloat()函数:

parseFloat("1234blue")		//1234
parseFloat("0xA")			//0(只能解析十进制值)
parseFloat("22.34.5")		//22.34(第二个小数点无效)
parseFloat("0908.5")		//908.5(忽略前导的0)
parseFloat("3.125e7")		//31250000

6、String类型

toString()方法(不是函数):数值、布尔值、字符串值都有toString()方法,null和undefined值没有此方法

var age = 11;
alert(age.toString());		//字符串"11"

String()函数(不是方法):

  • 如果值有toString()方法,则调用该方法,并返回相应的结果
  • 如果值是null,则返回"null"
  • 如果值是undefined,则返回"undefined"

7、Object类型

var o = new Object();

创建Object类型的实例,不仅继承Object类型的基本的属性和方法,还可以自定义添加属性和方法

基本的属性和方法:

  • constructor
  • hasOwnProperty(propertyName)
  • isPrototypeOf(object)
  • propertyIsEnumerable(propertyName)
  • toString()
  • valueOf()

新创建的实例对象把之前的初始化了,而不是继承该实例之前添加的属性和方法(Object基本属性和方法除外),就是重写这个对象

二、操作符

1、递增和递减操作符

执行前置递增和递减操作时,变量的值都是在语句被求值以前改变的

var num1 = 2;
var num2 = 20;
var num3 = --num1 + num2;			//21(num1变成1了)
var num4 = num1 + num2;				//21

执行后置递增和递减操作时,变量的值实在语句被求值之后才改变

var num1 = 2;
var num2 = 20;
var num3 = num1-- + num2;			//22(num1还是2)
var num4 = num1 + num2;				//21

2、布尔操作符

逻辑非操作符(!):首先将它的操作数转换为一个布尔值,然后求反

两个逻辑非操作符(!!):与转型函数Boolean()函数相同

alert(!NaN);		//true 
alert(!!NaN);		//false

逻辑与操作(&&):属于短路操作。即如果第一个操作数结果为false,就不会再对第二个操作数求值;只有第一个操作数结果为true时,才对第二个操作数求值

var found = true;
var result = (found && what);	//what未声明,这里会报错
alert(result);					//不会执行

var found = false;
var result = (found && what);	//不会发生错误
alert(result);					//false

逻辑或操作(||):也属于短路操作。如果第一个操作数的结果是true,就不会再对第二个操作数求值;只有第一个操作数结果为false时,才对第二个操作数求值(与逻辑与相反)

3、加性操作符

加法:

var result1 = 5 + 5;	//10
var result2 = 5 + "5";	//55(转换为字符串)

减法

var result3 = 5 - 2;	//3
var result4 = 5 - "2";	//3(转换为数值)

4、关系操作符

-如果两个操作数都是数值,则执行数值比较
-如果两个操作数都是字符串,则比较字符串对应的字符编码值
-如果一个操作数是数值,则将另一个操作数转换为数值,然后进行比较

var result = "Brick" < "alphabet"	
//true,大写的字符编码全部小于小写的字符编码
var result = "23" < "3"		
//true,因为"2"的字符编码小于"3"的字符编码
var result = "23" < 3
//false, "23"被转换为数值23
var result = "a" < 3
//false, "a"被转换成NaN,任何操作数与NaN进行关系比较,结果都是false

5、条件操作符

variable = boolean_expression ? true_value : false_value;

基于对boolean_expression求值的结果,如果为true,则给变量variable赋值true_value,否则赋值false_value

三、语句

1、if语句

if (condition) {
	statement1
} else {
	statement2
}

if (condition1) {
	statement1
} else if (condition2) {
	statement2
} else {
	statement3
}

2、do-while语句

后测试循环语句,只有在循环中的代码执行之后,才会测试出口条件

对条件表达式求值之前,循环体内的代码至少会被执行一次

do {
	statement
} while (expression);

var i = 5;
do {
	i++;
	alert(i);
} while (i < 10);
//弹出5次(6、7、8、9、10)

3、while语句

前测试循环语句,在循环中的代码执行之前,就会对出口条件求值

var i = 0
while (i < 10) {
	i += 2;
	alert(i);
}
//输入5次(2、4、6、8、10)

var i = 0
while (i < 10) {
	alert(i);
	i += 2;
}
//输出5次(0、2、4、6、8)

4、for语句

前测试循环语句,类似while,

for (var i = 0; i < 5; i++) {
	alert(i);
}
//输出5次(0、1、2、3、4)

类似于
var i = 0;
while (i < 5) {
	alert(i);
	i++;
}
//先执行语句,再递增

循环内部定义的变量也可以在外部访问

for (var i = 0; i < 5; i++) {
	alert(i);
}
alert(i)	//5

无限循环

for (;;) {
	doSomething();
}

只给出控制条件实际上就把for循环转换成了while循环

var i = 0;
for (; i < 5;) {
	alert(i);
	i++;
}

var i = 0;
while (i < 5) {
	alert(i);
	i++;
}

5、for-in

用来枚举对象的属性

for (property in expression) {
	statement;
}

如:
for (var propName in window) {
	document.write(propName);
}
//显示BOM中window对象的所有属性。
//为了保证使用局部变量,推荐var

为了保证兼容性,建议使用for-in循环之前,先检测确认该对象的值不是null或undefined。

6、break和continue语句

break语句会立刻推出循环,强制继续执行循环后面的语句

var num = 0;
for (var i = 1; i < 10; i++) {
	if (i % 5 === 0) {
		break;
	}
	num++;
}
alert(num);		//4
//只循环了4次

continue语句也会立刻推出循环,但退出循环后会从循环的顶部继续

var num = 0;
for (var i = 1; i < 10; i++) {
	if (i % 5 === 0) {
		continue;
	}
	num++;
}
alert(num);		//8
//循环了8次

7、label语句

一般与for语句等循环语句配合使用,label标签可以在将来由break和continue语句引用。这种联合使用的情况多发生在循环嵌套的情况下

var num = 0;
outermost:
for (var i = 0; i < 10; i++) {
	for (var j = 0; j < 10; j++) {
		if (i === 5 && j === 5) {
			break outermost;
		}
		num++;
	}
}
alert(num);			//55

break outermost;导致break语句不仅退出内部的for语句,而且也会退出外部的for语句

var num = 0;
outermost:
for (var i = 0; i < 10; i++) {
	for (var j = 0; j < 10; j++) {
		if (i === 5 && j === 5) {
			continue outermost;
		}
		num++;
	}
}
alert(num);			//95

continue outermost;导致退出内部循环,执行外部循环

8、switch语句

如果表达式等于case后面的值,则执行后面的statement

switch (i) {
	case 25:
		alert("25");
		break;
	case 35:
		alert("35");
		break;
	case 45:
		alert("45");
		break;
	default:
		alert("other");
}
//等价于
if (i === 25) {
	alert("25");
} else if (i === 35) {
	alert("35");
} else if (i === 45) {
	alert("45");
} else {
	alert("other");
}

如果省略break关键字,就会导致执行完成当前case后,继续执行下一个case

case 25:
	/*合并两种情形*/
case 35:
	alert("25 or 35");
	break;

混合形式,最好添加注释

var num = 25;
switch (true) {
	case num < 0:
		alert("less than 0");
		break;
	case num >= 0 && num <= 10:
		alert("between 0 and 10");
		break;
	case num > 10 && num <= 20:
		alert("between 10 and 20");
		break;
	default:
		alert("more than 20");
}
//每个case值都返回一个布尔值,所以switch语句的表达式为true

四、函数

函数中的参数在内部用一个数组表示,可以通过arguments对象来访问,arguments.length由传递参数的个数决定,而不是命名参数的个数,arguments的值永远与对应的命名参数的值保持同步,可以互换使用,但是它们的内存空间是独立的。

function doAdd(num1, num2) {
	if (arguments.length === 1) {
		alert(num1 + 10);
	} else if (arguments.length === 2) {
		alert(arguments[0] + num2);
	}
}
//两个命名参数与arguments对象一起使用

如果传入两个参数,那么arguments[1]设置的值会反映到命名参数中

function doAdd(num1, num2) {
	if (arguments.length === 1) {
		alert(num1 + 10);
	} else if (arguments.length === 2) {
		arguments[1] = 10;
		alert(arguments[0] + num2);
	}
}
doAdd(10);		//20
doAdd(10, 20);	//20

如果只传入一个参数,那么arguments[1]设置的值不会反映到命名参数中

function doAdd(num1, num2) {
	arguments[1] = 10;
	alert(arguments[0] + num2);
}
doAdd(10);		//NaN(如果只传入一个参数,那么arguments[1]设置的值不会反映到命名参数中)

function doAdd(num1, num2) {
	arguments[1] = 10;
	console.log(arguments[0] + arguments[1]);
}
doAdd(10);		//20(arguments可以添加参数)


function doAdd(num1) {
	arguments[1] = 10;
	alert(arguments[0] + arguments[1]);
}
doAdd(10);		//20(arguments可以添加参数)

function doAdd(num1, num2) {
	num2 = 10;
	console.log(arguments[0] + arguments[1]);
}
doAdd(10);		//NaN(arguments是由传入的参数决定,内部定义无效)

return之后的任何代码都永远不会执行

function sum(num1, num2) {
	return num1 + num2;
	alert("It won't work");		//永远不会执行
}
  • 无须指定返回值,这样的函数返回undefined
  • 函数不能重载

严格模式下对函数的限制:

  • 不能把函数命名为evel或arguments;
  • 不能把参数命名为eval或arguments;
  • 不能出现两个命名参数同名的情况。
原文地址:https://www.cnblogs.com/u14e/p/5223306.html