我的前端入门笔记（5）--js--ECMAScript

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