首页 > 代码库 > JavaScript笔记——基础知识（二）
JavaScript笔记——基础知识（二）
Function类型
函数function不需要返回类型（不是没有返回值），参数也不需要指定类型，更为特殊的是函数竟然是个类，可以通过new出来
var box= new Function(‘num1‘, ‘num2‘ ,‘return num1 + num2‘);
这样的写法是完全正确的，但不推荐使用，因为会解析两次（第一次解析JavaScript代码，第二次解析参数）造成性能问题
function可以当做参数使用
（很怪异，方法作为参数, 可以理解成把函数的引用作为参数）
function box(sumFunction,num){ //将函数作为参数使用 return sumFunction(num);}function sum(num){ return num+10; //需要返回}alert(box(sum,10));
函数内部属性
在函数内部，有两个特殊的对象：arguments 和 this
arguments 是一个类数组对象，包 含着传入函数中的所有参数，主要用途是保存函数参数。但这个对象还有一个名叫 callee 的 属性，该属性是一个指针，指向拥有这个 arguments 对象的函数
一个递归方法（可以使用arguments.callee方法代替调用本身）
function box(num){ if(num<=1){ return 1; }else{ //return num*box(num-1);
return num*arguments.callee(num-1); }}alert(box(3));
函数内部另一个特殊对象是 this，其行为与 Java 中的 this 大致相似。this 引用的是函数据以执行操作的对象，或者说函数调用语句所处的那个作用域，当在全局作用域中调用函数时，this 对象引用的就是 window
var color=‘红色的‘; //作用域alert(this.color);var box={ color:‘蓝色的‘, sayColor:function(){ alert(this.color); }};box.sayColor();
第一个this引用的是全局window，而第二个this引用的是box本身这个对象
函数属性和方法
JavaScript中的函数是对象，因此函数也有属性和方法。每个函数都包含两个属性： length 和 prototype
length 属性表示函数希望接收的命名参数的个数
function box(name, age) {alert(name + age);}alert(box.length); //2
prototype 属性，它是保存所有实例方法的真正所在，也就是原型。 prototype 下有两个方法：apply()和 call()，每个函数都包含这两个非继承而来的方法。这两个方法的用途都在特定的作用域中调用函数，实际上等于设置函数体内 this 对象的值
apply()方法：
function box(num1,num2){ return num1+num2;}function sayBox(num1,num2){ return box.apply(this,[num1,num2]); //第二个参数是数组}function sayBox2(num1,num2){ return box.apply(this,arguments); //可以使用arguments替代参数列表}alert(sayBox2(10,10));
call()方法:
function box(num1,num2){ return num1+num2;}function sayBox(num1,num2){ return box.call(this,num1,num2); //使用call方法传值不可以使用arguments}alert(sayBox(10,10));
call()方法于 apply()方法相同，他们的区别仅仅在于接收参数的方式不同。对于 call()方法而言，第一个参数是作用域，没有变化，变化的只是参数传递的方式
但事实上，传递参数并不是 apply()和 call()方法真正的用武之地；它们经常使用的地方是能够扩展函数赖以运行的作用域
var color=‘红色的‘;var box={ color:‘蓝色的‘};function sayColor(){ alert(this.color);}sayColor.call(this); //红色的sayColor.call(window); //蓝色的sayColor.call(box); //apply和call方法的真正作用在于使对象和对象里的方法解耦合
变量与作用域
JavaScript 变量可能包含两种不同的数据类型的值：基本类型值和引用类型值。基本类型值指的是那些保存在栈内存中的简单数据段，即这种值完全保存在内存中的一个位置。 而引用类型值则是指那些保存在堆内存中的对象，意思是变量中保存的实际上只是一个指针，这个指针指向内存中的另一个位置，该位置保存对象(和Java的处理方式类似)
变量
对于变量类型和操作上和其他语言没有太大的差别，但需要注意基本类型和引用类型赋值操作的不同
//基本类型var box=‘lee‘; var box2=box; //不同的,相互独立的两个空间box=‘alert‘; //改变不会相互影响alert(box);alert(box2);//引用类型var box={ name:‘lee‘}; var box2=box; //不同的空间,相同的内容（同一个引用地址）box.name=‘alert‘; //改变会相互影响alert(box.name);alert(box2.name);
事实上Java中的类型也是这样操作的
可以检测变量类型，使用typeof或instanceof
var arr=[1,2,3];//alert(typeof arr); //typeof检测引用类型会出现 数组,对象,null都是object的问题,具体类型不知道alert(arr instanceof Array); //使用instanceof检测引用类型var box=‘lz‘;//var box=new String(‘lz‘);alert(box instanceof String); //但是instanceof检测基本类型会返回false.在这里如果String是new出来的，也会返回true //alert(typeof box); //建议对基本类型的检测使用typeof ,对应用类型检测使用instanceof//Java也用instanceof检测类型,用法一致，但没有typeof
作用域
作用范围上其实与其他语言挺不同的，判断和循环语句的花括号竟然不能限定作用域
if(true){ //判断语句的花括号没办法限定其中值得作用域 var i=10;}alert(i); //10for(var i=0;i<10;i++){ //循环语句的花括号也没办法限定其中值得作用域 var box=‘lz‘;}alert(i); //10alert(box); //lzfunction box(){ //只有function函数的花括号可以限定作用域 var i=10;}alert(i); //报错
传递参数
JavaScript中所有函数的参数都是按值传递的，参数不会按引用传递，虽然变量有基本类型和引用类型之分，其实C++，java都是按值传递的，PHP是两种方式都有
function box(num) { //按值传递，传递的参数是基本类型num += 10; //这里的 num 是局部变量，全局无效return num;}var num = 50;var result = box(num);alert(result); //60alert(num); //50
以上的代码中，传递的参数是一个基本类型的值。而函数里的 num 是一个局部变 量，和外面的 num 没有任何联系
容易混淆的是下面的代码
function box(obj) { //按值传递，传递的参数是引用类型obj.name = ‘lz‘;}var p = new Object();box(p);alert(p.name); //lz
结果改变了，这是因为我们按值传递一个地址的引用（可以这样理解），然而存在了不同空间，相同的内容（同一个引用地址），就会相互影响
包装类
为了便于操作基本类型值，JavaScript提供了 3 个特殊的引用类型：Boolean、Number 和 String。这些类型与其他引用类型相似，但同时也具有与各自的基本类型相应的特殊行为。 实际上，每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象， 从而能够调用一些方法来操作这些数据，所以才可以向下面一样操作：
//var str=‘Mr.li‘;//alert(str.substring(2));alert(‘Mr.li‘.substring(2)); //根据指定位置向后截取
这三个包装类提供了丰富的方法和属性来操作它们对应的基本类型，这里不一一记录了
JavaScript笔记——基础知识（二）