javascript之面向对象学习笔记03

实例成员与静态成员

实例成员：由构造函数创建的对象的成员。

静态成员：构造函数的成员

一般在使用的时候, 将通用的方法由静态成员提供, 实例成员如果要实现该功能, 调用静态成员来实现

构造函数的部分属性

1、name

语法：函数名.name

作用：返回构造函数名字

function f (){}

console.log(f.name) // f

2、length

语法：函数名.length

作用：返回构造函数参数列表形参的个数,arguments.length获得调用方法时实参的个数

function f (a,b,c){

console.log(arguments.length)

}

console.log(f.length) // 3

f(1,2); //2

3、caller

语法：函数名.caller

作用：返回调用该函数的函数，已被废除

function foo () {

console.log( foo.caller );

}

foo(); //无函数在调用foo，打印null

function f () {

foo();

}

f(); //在函数f内调用foo，打印函数f

递归

所谓递归就是自己调用自己。

function f(){

f();

}

f();  //死递归导致报错

 

arguments.callee 指向当前函数

function f(){

arguments.callee();

}

f();  //死递归导致报错

闭包

在函数内部允许访问外部的变量, 但是反之不允许

function fn (){

    var a = 0;

    return function (){

        return a;

    };

}

此时便可访问到fn函数内部的变量

获得闭包内多个变量,可以返回对象实现

function fn (){

var a = 0;

var b = 1;

return {

        getA : function(){ return a; }

        getB : function(){ return b; }
 
    };

}

var f = fn();

console.log(f.getA());//0

console.log(f.getB());//1

沙箱模式

在 js 中, 只有函数可以限定变量的作用域，自然只有函数可以实现隔离。

(function(){

    //.......

})()

在该自调用函数中，所有定义的变量只在函数内生效，避免污染全局变量。如果需要使用沙箱内的变量可移动过挂在window的方式提供访问接口。

(function(){

    var a = 10;

    var b = 20;

    window.a = a;

})()

console.log(a); //10

console.log(b); //报错

函数的调用模式

1、函数模式

直接调用方法，属于函数模式，this指向window对象

function fn(){

    console.log(this); 

}

fn();//Window

2、方法模式

函数属于某个对象的属性，使用对象.函数调用属于方法模式,this指向调用的对象

var o = {

    fn : function(){

        console.log(this);

    }

};

o.fn(); //o

3、构造器模式

使用new来调用函数，this指向实例化出来的对象

function Fn(){

    this.n = 1;

}

var f = new Fn();

console.log(f.n); //1

需要注意的是使用new来调用函数时return返回基本类型时忽略，返回对象时函数的返回值是return的对象。

function Fn1(){

    this.n = 1;

    return 2;//返回基本类型

}

var f1 = new Fn1();

console.log(f1.n); //1  f1无影响

 
function Fn2(){

    this.n = 1;

    return {n:2};//返回对象

}

var f2 = new Fn2();

console.log(f2.n); //2  f2为返回的对象

4、上下文模式

使用函数.apply或者函数.cell方法调用，apply方法和call方法实现的功能相同，仅仅参数不同。apply方法第一个参数为上下文对象，第二个参数若有则为数组，内容为方法的参数列表。call第一个参数和apply相同，之后的参数为函数的参数列表

function fn(a,b){

    console.log(this+"-----"+a+"------"+b);

}

var obj = {n:1};

var arr = [2];

fn.apply(obj,[1,2]);  //[object Object]-----1------2

fn.call(arr,1,2);     //2-----1------2