JavaScript基本概念

语法

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

• 区分大小写
• 标识符，指变量、函数、属性的名字，或者函数的参数。第一个字符必须是字母、下划线或美元符号。其他字符可以为字母、下划线、美元符号和数字。按照惯例，第一个字母小写，其他每个单词的首字母大写。
• 注释。//单行注释。/多行注释/
• 严格模式。在脚本顶部添加“use strict”
• 语句。每个语句以“；”结束，可以省略，但是一般不省略，以避免出错和增进代码的性能。使用花括号将多条语句组合到一个代码块中。

变量

• ECMAScript的变量是松散类型的，即可以用来保存任何类型的数据。每个变量仅仅是一个用于保存值的占位符而已。
• 定义变量时使用var操作符，后跟变量名。可以给一个变量先符值一个字符串，再赋值一个数字，但是不推荐。
• 在函数中，用var操作符定义的变量是局部变量，在函数退出后会被销毁。然而如果省略var，定义的变量会成为全局变量（但是不推荐这种方法，很难维护，且在严格模式下回抛出错误）。

数据类型

ECMAScript中有5中简单数据类型：Undefined、Null、Boolean、Number、String，一种复杂数据类型：Object，其本质由一组无序的名值对组成。

typeof操作符

typeof是一个操作符而不是函数，所以不需要使用圆括号。另外调用typeof null会返回object。typeof返回的有：undefined、boolean、string、number、object、function

Undefined类型

这种类型只有一个值，即特殊的undefined。在使用var声明变量但未对其加以初始化时，这个变量的值就是undefined。使用typeof操作符时，对于未定义的变量也会返回undefined。

//var age
alert(typeof age);//返回undefined，因为知道变量没有声明（定义而未初始化时也会返回undefined）
alert(age);//产生错误，age未定义

Null类型

它也是只有一个值的数据类型，这个特殊值是null。如果定义的变量准备在将来用于保存对象，最好初始化为null。

Boolean类型

该类型只有两个字面值：true、false。与数字值不一样，即true不一定等于1，false也不一定等于0.要将一个值转换为对应的boolean值，可用转型函数Boolean()，至于返回的这个值是true还是false，取决于要转换值的数据类型及其实际值。

Number类型

这种类型使用IEEE754格式来表示整数和浮点数值。为支持各种数值类型，ECMA-262定义了不同的数值字面量格式。

• 整数：基本的为十进制整数，数字前为0表示八进制，为0x表示十六进制整数。
• 浮点数值。可以用小数点表示，也可以用e表示，即科学表示法。
• 由于内存的显示，ECMAScript不能保存所有的数值。如果一个值超出了范围，会被转换为Infinity和-Infinity，表示正无穷和负无穷。
• NaN，即非数值是一个特殊的数值，用来表示一个本来要返回数值的操作数未返回数值的情况（这样就不会抛出错误）。任何涉及NaN的操作都会返回NaN，但NaN不等于任何值，包括其本身.要判断一个参数是不是数值可以用isNaN()函数。

除此外，还有3个函数可以把非数值转换为数值：Number()、parseInt()、parseFloat()，第一个可以用于任何数据类型，另外两个专门用于把字符串转换为数值。如果是Boolean，true和false分别转换为0和1；如果是null，返回0；如果是undefined，返回NaN；如果是对象，先调用对象的valueof()，然后按照规则转换返回的值，如果返回的是NaN，再调用对象的toString()方法，按照规则转换返回的字符串值；如果为字符串，规则如下：

var num = Number("123"); //123
var num = Number("0123");//123，前导的零都会被忽略
var num = Number("0xf");//15，包含十六进制格式，转换为相同大小的十进制
var num = Number("");//0，为空字符串，则返回0
var num = Number("hello 123");//NaN，如果字符串中包含以上之外的字符，转换为NaN。

在将字符串转换为Number时，一般使用parseInt()/patseFloat()

var num = parseInt("123blue");   //123，
var num = parseInt("");   //NaN
var num = parseInt("070");   //56，八进制
var num = parseInt("0xf");   //15，十六进制
var num = parseInt("22.5");   //22
var num = parseInt("AF",16);   //175，按十六进制解析

var num = parseFloat("0908.5");   //908.5
var num = parseFloat("3.15e7");   //32150000
var num = parseFloat("0xf");   //0

String类型

表示字符串，可以由双引号或单引号表示，将其他类型的数值转换为字符串可以用.toString()方法（如果有该方法。且可以赋参数，表示按多少进制转换）。还可以使用String()方法，如果值有.toString()则调用；如果值是null，则返回”null”；如果值是undefined，返回”undefined”；

object类型

ECMAScript中的对象其实就是一组数据和功能的集合。对象可以通过new操作符后跟要常见的对象类型的名称来创建。

var o = new Object();   //可以省略圆括号，但是不推荐

在ECMAScript中，Object类型是所有它的实例的基础。但ECMA-262中对象的行为不一定适用于JavaScript中的其他对象，比如宿主对象DOM和BOM都可能自定义对象，而不继承Object。Object的实例都具有以下属性和方法：

• constructor：保存着用于创建当前对象的函数。对于前面的例子而言，构造函数就是Object()
• hasOwnProperty(propertyName)：用于检查给定的属性在当前对象实例中是否存在。prototypeName是字符串形式，比如”name”
• isPrototypeOf(object)：用于检查传入的对象是否是当前对象的原型
• propertyIsEnumerable(propertyName)：用于检查给定的属性是否能够使用for-in语句来枚举。
• toLocaleString()：返回对象的字符串表示，该字符串与执行环境的地区对应。
• toString()：返回对象的字符串表示
• valueOf()：返回对象的字符串、数值或布尔值表示。通常与toString()方法返回值相同。

操作符

ECMAScript操作符的与众不同之处在于，它们能够适用于很多值，例如字符串、数字值、布尔值，甚至对象。不过，在应用于对象时，相应的操作符通常会调用对象的valueOf()或toString()方法，以便取得可以操作的值。

• 一元操作符：递增递减（++、–前置后置）、一元加和减（将非数值转换为数值，减则转换为负值）
• 位操作符：NOT（按位非）、AND（按位与）、OR（按位或）、XOR（按位异或）、<<（左移）、>>（有符号右移）、>>>（无符号右移）
• 布尔操作符：!（逻辑非）、 &&（逻辑与）、 ||（逻辑或）
• 乘性操作符：*（乘法）、/（除法）、%（求模）
• 加性操作符：+（加法，负无穷加正无穷等于NaN，有一个为字符串，则另一个也转换为字符串拼接）- （一个为NaN，则返回NaN；把字符串等操作数转换为数值）
• 关系操作符：<、>、<=、>=、==、!=、===（全等，在比较之前不转换操作符）、!==（不全等。不转换）
• 条件操作符：条件？操作1：操作2（条件成立，操作1；不成立，操作2）
• 赋值操作符：*=、/=、%=、+=、-+、<<=、>>=
• 使用逗号可以在一条语句中执行多个操作，如var num1 = 1, num2 = 2;

语句

if语句

if(i > 5){
	alert('大于5');
}else if(i < 0){
	alert("小于0");
}else{
	alert("在0~5之间");
}

do-while语句、while语句

do-while为后测试循环语句，while为前测试循环语句

var i = 0;
do{	i += 2;}while(i < 0); // 最后i等于2，在执行之后才会测试出口条件
	i += 2;
}

for语句、for-in语句

for(var i = 0; i < 10; i++){
	if(i % 3 == 0){
		continue;        //跳出本次循环，继续执行下次循环
	}
	if(i % 5 == 0){
		break;           //跳出循环。
	}
}

for(var propName in window){
	document.write(propName);	
}

其他

start: for(var i = 0; i < 10 ; i++){
	alert(i);
} //它是label语句，为代码添加标签。label:statement

with(location){
	var qs = search.substring(1); //等同于：var qs = location.search.substring(1);
	var hostName = hostname; //等同于：var hostName = location.hostname;
} //with语句，主要为了简化多次编写同一个对象的工作

switch(i){
	case 10:
		alert('10');
		break;
	case 20:
		alert('20');
		break;
	default:
		alert('other');
} //switch语句。case value: statement;break;default:statement;

函数

ECMAScript中的函数使用function关键字来声明，后跟一组参数以及函数体。

• 函数无须指定返回值，可以通过return语句后跟要返回的值来实现返回值。return后的语句就不会再继续执行。
• 参数：ECMAScript不介意传递多少个参数，即使定义了接收几个参数。ECMAScript中的参数用arguments数组表示，在函数体内可以通过arguments[]来访问参数数组。
• ECMAScript函数没有重载。即如果定义了两个名字相同的函数，则该名字只属于后定义的函数。

  function doAdd( num1, num2) {//没有传递值的参数被自动赋予undefined
  	arguments[1] = 10; //如果没有传递num2，设置的值不会反应到命名参数中。arguments的长度由传入的参数决定。严格模式下，arguments赋值无效。
  	alert(num1 + num2); //传入了num2，num2的值就会被赋值10.
  }