1.JavaScript的组成及数据类型
JavaScript的组成:ECMAScript、DOM、BOM
ECMAScript:基本语法;
DOM:文档对象模型,用来操作文档对象;
BOM:浏览器对象模型、操纵浏览器,获取浏览器相关信息;
简单数据类型:Number、String、Boolean、Null、Undefined;
引用类型:(Array、function、Json)→Object;
2.局部变量和全局变量
局部变量:也称内部变量,是在函数内定义申明的,其作用域仅限于函数内部;
全局变量:也称外部变量,定义在函数外部,其作用域为整个源程序。
以下为一个简单的控制台程序,用于理解局部变量和全局变量:
var a = 1,b;
function num(){
var a = 2;
b = 5 ;
console.log(a);//2
console.log(b);//5
};num();
console.log(a);//1
console.log(b);//undefined
3.函数声明、函数表达式及声明前置
函数声明:对于声明的函数解析器会先读取,无论在什么时候调用都可以。
alert(count(10,10));//20
function count(a,b){
return a+b;
}
函数表达式:解析器只有读到表达式在的那一行才执行,即如果在前面调用该函数会报错。
alert(count(10,10));
var count = function(a,b){
return a+b;
};//报错
var count = function(a,b){
return a+b;
};
alert(count(10,10));//20
声明前置:
console.log(a);
var a ="hello";//undefined
等价于:
console.log(a);
var a;
a = "hello";//将var a提到前面,程序由上到下执行
var a;
console.log(a);
a = "hello";//"hello"
4.for-in循环输出对象里的值
var man = {
'name': 'kevin',
'sex': 'man'
}
for(var key in man){
console.log(man[key]);
}//输出结果为:kevin
man
var man = {
'name': 'kevin',
'sex': 'man'
}
for(var key in man){
console.log(man);
}输出结果为:Object {name: "kevin", sex: "man"}
var man = {
'name': 'kevin',
'sex': 'man'
}
for(var key in man){
console.log(key);
}//输出结果为:name
sex
var man = {
'name': 'kevin',
'sex': 'man'
}
for(var key in man){
console.log(man.name);//等价于console.log(man['name'])
}//输出结果为:kevin
Json解析
var obj = {"name":"keivn", "age": 100};
var objStr = JSON.stringify(obj); // ie8+将json对象装换为字符串
var str = '{"a":1, "b":2}';
var o = JSON.parse(str);//将字符串转换为json对象
5.arguments实现重载
arguments:数组参数
一小段代码如下:
function newSum( ){
var sum = 0;
for(var i=0; i < arguments.length; i ++){
sum += arguments[i];
}return sum;
}
newSum(1,2,3);//6
newSum(1,4,7);//12
6.不同字符类型间的运算与转换
对于+:
任何类型与字符串相加先转换成字符类型;(数字转换成字符串:10+’ ’;字符串转换成数字:parseInt(”100”);)除字符外,其他类型与数字相加先转化为数字类型;
1 + "num";//"1num"
1 + "100";//"1100"
10 + true;//11
10 +false;//10
10 + null;//10
10 + undefined;//NaN
10 + "hello";//"10hello"
对于—、*、/、%:
非数字类型的会转换成数字类型,转换不了的会返回NAN;
10 - "2";//8
10 /"2";//5
10 /"0";//Infinity无穷大
10*true;//10
10/"hello";//NaN
关系> <
如果都是number, 直接比较
如果都是string, 直接比较
如果一个是number,把另一个转换为number比较
2 > 1; //true
"b" > "abc" //true
"23" < 3 //false
NaN < 3 // false
NaN >= 3 // false
"a" > 3 //fasle
"a" <= 3 //false
注:NaN为数据类型
typeof NaN; //"number"
通常涉及到NaN的情况,都是用isNaN()来判断:
var a = NaN;
var b = NaN;
console.log(isNaN(a) && isNaN(b)); //true
7.=、==、===、!==的区别
=:赋值,如a=1;
==:部分相等,经过转换后可相等。如:11==”11”;true,NAN==NAN;false;
===:完全相等。如:11===”11”;false; 注:NAN===NAN;false;
!==:不完全相等;
var a1 = 'a';
var a2 = new String('a');
var a3 = new String('a');
a1 == a2; // true
a1 == a3; // true
a2 == a3; // true
a1 === a2; // false
a1 === a3; // false
a2 === a3; // false
8.typeof和instanceof的区别
通常来说用typeof判断一个数据类型,但判断引用类型时返回值都是object,此时就要用instanceof更准确的判断。
var arr = [];
typeof arr;//"object"
arr instanceof Array;//true