JavaScript面向对象编程整理

这几天一直在学习javascript，脑子里面被各个书籍的概念充斥，比较混乱，现在整理一下。

一。Function

要理解javascript面向对象，首先必须理解js的function.在js中，函数的本质是对象，也就是说函数是function类型的实例，根据这里理解，函数名只是指向函数对象的指针而已(根据这个我们很好理解，javascript的函数没有重载的概念)。

函数的定义方式有三种：

1.函数声明：

function sum(a,b){

return a+b;

}

2.函数表达式:

var sum = function(a,b){

return a+b;

}

3.function构造函数:

var sum = new Function("a","b","return a+b");

三种方式的区别是:函数声明式在代码执行前被解析器添加到执行环境中，也就是函数声明可以放在调用代码之后。其他两者则不一样。构造函数方法，影响性能，因为有两次解析，一次式解析常规，另一次式对传入构造函数的字符串解析。

函数的使用

由于函数名式一个变量所以函数既可以当作参数，也可以当作函数的返回值。

函数的属性和方法

(1)内部特殊属性

arguments:一个类数组对象，保存着传入函数的所有参数。这个对象还有一个特殊的属性callee ，该属性是一个指针，指向拥有这个argumnets的函数。

function f(){

fi(num<=1){

return 1;

}else{

return num*arguments.callee(num-1)

}

}

this:函数体内部的this对象指向调用此函数的对象。

leng:希望接受的参数个数，也就是函数定义的参数个数。

property:－－。

apply():在特定的作用域中条用函数，实际上等于设置函数体内的this值。

call():与上类是，不同的是apply有两个参数，一个是作用域，另一个是数组或argumnets。而call，参数不限定，而且参数直接传递给函数。

bind():ejs5定义的方法。这个方法会创建一个函数的新实例，并且this会被设置为传入bind()参数的值。

(2)一般属性

由于function也是对象，所以函数也有方法和属性。

定义在function内的属性是无法直接外部访问的。但是在外面创建的属性相当与函数的静态方法跟属性

///////////////////////
function test(){
        var tt ='1';
        function getTT(){
            console.log(tt);
        };
    }
    test.log=function(){
        console.log('this is the static method');
    }
    test.svar='static variable';
    console.log(test.svar);
    test.log();

 

 

二。对象

 

1.对象的创建

js对象的创建从本质上分为两种方法：

(1).根据object创建对象。

不管是new object对象还是字面量，或者工才厂模式，其本质都是返回一个object实例。

这种方式有一个比较重大的问题是 无法知道对象的具体类型。 也就是说只能typeof ==object.

(2).根据function创建对象。（也就是构造函数模式）

示例如下:

 

//////////

function Person(name,age,job){
    this.name=name;
    this.job = job;
    this.sayName=function(){
        alert(this.name);
    };
}

var person = new Person("liuxiang","23","soft");

 构造函数的函数名首字母大写（本质上没有这个规定，只是一种不成文的规定，方便区别构造函数跟普通函数）。