日期:2014-05-16  浏览次数:20316 次

js面相对象基础
1、对象的定义
      空对象:
     (1) var obj = {};
      (2) var obj = new Object();

var obj = {name:'chen',age:24};//对象,name 和age相当于this.name;this.age 


2、构造函数
var Person = function(){
       this.name = 'chen';//this表示为属性,相比java的public修饰的属性
       this.age = 25;
       var aa = 1; //var 定义的为私有属性,可以通过闭包来获取
       this.say = function(){

           alert(aa);
       } 
   }

对象的constractor 指向 初始化的构造函数,
注意 ,下面会提到,当遇到下面情况时,应重新赋值prototype的constructor
var F = function(){};

F.prototype = Animal.prototype;

Cat.prototype = new F();

Cat.prototype.constructor = Cat;

总之,这是很重要的一点,编程时务必要遵守。下文都遵循这一点,即如果替换了prototype对象

3、数组
var array = []; 或 var array = new Array();
数组为特殊的对象,有特殊属性length, 当属性名为数字或能转换成数字的字符串时
的时候,才会影响到length属性

4、函数
关键字:function;
特殊属性:arguments可取到出来的参数; arguments.callee表示当前所在的方法
通过this关键字来获取调用者的引用,从而获取方法者的各种属性及方法

5、每个对象或方法都有一个prototype属性,指向一个prototype对象,可以用于js的继承
例子:
var Animal = function(){
    this.type = 0; 
    this.say = function(){
        alert(1);
    }
}


var Dog = function(){
    
}

Dog.prototype = new Animal();

alert(new Dog().type);
new Dog().say();


6、方法,函数
当作为一个函数的属性时,叫做这个函数的方法,没有则称作函数或构造函数;
每一个方法都有一个call方法 和 apply方法,可以模拟对象的调用方法
方法.call(对象, 参数,参数,参数....);
方法.apply(对象,[参数,参数,参数....]);

7、函数的作用域
js中无块级别作用域,造成,在一个{}中,任何位置定义的变量,在这里任何位置都可以访问,所以最好在{}的开头就把所有需要的变量定义好
注意: 局部变量只要定义,则全局同名变量则无效
函数的作用域在定义的时候就定义好了


8、闭包
函数内部的函数被函数外部的一个变量引用时,就创建了一个闭包;
函数的引用有效 ---》 函数 则有效 ---》 函数所依赖的作用域也有效,不会被销毁

9、四种调用模式中this的区别
(1)、方法调用模式   this即绑定到该对象上
(2)、函数调用模式   this绑定到全局对象上,解决办法,定义一个变量来保存this
var that = this;
(3)、构造器调用模式
(4)、apply调用模式

10、call方法的实现继承
function Class1() 
{ 
    this.showTxt = function(txt) 
    { 
        alert(txt); 
    } 
} 

function Class2() 
{ 
    Class1.call(this); 
} 

var c2 = new Class2(); 

c2.showTxt("cc"); 

这样 Class2 就继承Class1了,Class1.call(this) 的 意思就是使用 Class1 对象代替this对象,那么 Class2 中不就有Class1 的所有属性和方法了吗,c2 对象就能够直接调用Class1 的方法以及属性了,执行结果就是:alert(“cc”);

对的,就是这样,这就是 javaScript 如何来模拟面向对象中的继承的,还可以实现多重继承。