Js面向对象和数据类型内存分配

一 Js基本数据类型以及内存情况 

     1 Undefined

     Undefined类型只有一个值undefined,在使用了声明但未初始化的变量的时候，这个变量值就是undefined

  
  

   
   1 
   
        
   
   var
   
    hi;

   
   2 
   
        alert(hi);
   
   //
   
   undefined
  
  

　　2 Null

　　Null类型也只有一个值null,可以把null理解为一个空指针。    

　　3 Boolean  

　　Boolean只有两个字面值true和false。

　　4 Number

　　就是其他语言里的整数和浮点数。     

　　5 String

　　就是字符序列,可以用单引号或双引号表示　

  
  

   
   1 
   
   var
   
    a 
   
   =
   
   ’hi’;

   
   2 
   
    
   
   var
   
    b 
   
   =
   
    “hi”;
  
  

     以上5种类型在内存中占有固定大小的空间，它们的值保存在栈内存中。

     6 Object

    Object类型是其他所有实例的基础。

     对于引用类型的值，是在堆内存中分配空间。但由于内存地址大小是固定的，因此内存地址保存在栈内存中，所以查询的时候先从栈内存中取到地址，然后在通过地址找到堆内存中的实际值。

二 变量的复制

     基本类型：会在栈上创建一个新的值，然后把该值复制到新变量的位置上。

  
  

   
   1 
   
            
   
   var
   
    a 
   
   =
   
    
   
   1
   
   ;

   
   2 
   
            
   
   var
   
    b 
   
   =
   
    a;
  
  

     a和b都是1,操作不会相互影响

　　引用类型：会将对象复制一份到新分配的变量中，但复制的是指针，而这个指针指向堆中的同一个对象。

  
  

   
   1 
   
   var
   
    a 
   
   =
   
    
   
   new
   
    object();

   
   2 
   
    
   
   var
   
    b 
   
   =
   
    a;

   
   3 
   
   a.name 
   
   =
   
    “hi”;

   
   4 
   
   alert(b.name);
  
  

三 作用域链

　　1 function内定义的变量是局部变量，是作用域链的里层。作用域链是由内向外查找的，找到则停止搜索

　　2 没有自己的块级作用域（指的是由花括号封闭的代码块），如if  for语句

　　3 不加关键字var 声明的变量是全局变量，当使用var关键字声明变量时，这个变量将被添加到最近的作用域中。

四 面向对象

         Javascript中没有类的概念，所以创建对象的方式和其他语言也有很大区别。

1.  简单对象创建

 

  
  

   
    1         //创建对象
 2          var cat = new Object();
 3         //属性
 4          cat.name = "tom";
 5         cat.sex = "boy";
 6         cat.age = 16;
 7         //方法
 8          cat.sayName = function() {
 9             alert(this.name);
10         }
11         cat.sayName();
  
  

2.  构造函数模式

  
  

   
    1 
   
           
   
   function
   
    Cat(name, sex, age) {

   
    2 
   
               
   
   this
   
   .name 
   
   =
   
    name

   
    3 
   
               
   
   this
   
   .sex 
   
   =
   
    sex

   
    4 
   
               
   
   this
   
   .age 
   
   =
   
    age

   
    5 
   
               
   
   this
   
   .sayName 
   
   =
   
    
   
   function
   
   () {

   
    6 
   
                   alert(
   
   this
   
   .name);

   
    7 
   
               }

   
    8 
   
           }

   
    9 
   
   

   
   10 
   
           
   
   var
   
    cat 
   
   =
   
    
   
   new
   
    Cat(
   
   "
   
   tom
   
   "
   
   , 
   
   "
   
   boy
   
   "
   
   , 
   
   16
   
   );

   
   11 
   
           cat.sayName();
  
  

3.  结合构造函数和原型模式

prototype属性

通俗的理解是它可以让所有对象的实例共享它所包含的属性和方法。

构造函数用于定义实例属性，原型模式用于定义共享属性和方法。

  
  

   
    1 
   
           
   
   function
   
    Cat(name, sex, age) {

   
    2 
   
               
   
   //
   
   定义实例属性
   
   

   
    3 
   
    
   
               
   
   this
   
   .name 
   
   =
   
    name;

   
    4 
   
               
   
   this
   
   .sex 
   
   =
   
    sex;

   
    5 
   
               
   
   this
   
   .age 
   
   =
   
    age;

   
    6 
   
           }

   
    7 
   
   

   
    8 
   
           Cat.prototype 
   
   =
   
    {

   
    9 
   
               
   
   //
   
   共享属性和方法
   
   

   
   10 
   
   
   
               canCatchMouse:
   
   true
   
   ,

   
   11 
   
               sayName: 
   
   function
   
   () {

   
   12 
   
                   alert(
   
   this
   
   .name);

   
   13 
   
               }

   
   14 
   
           }

   
   15 
   
   

   
   16 
   
           
   
   var
   
    whiteCat 
   
   =
   
    
   
   new
   
    Cat(
   
   "
   
   tom
   
   "
   
   , 
   
   "
   
   boy
   
   "
   
   , 
   
   16
   
   );

   
   17 
   
           
   
   var
   
    blackCat 
   
   =
   
    
   
   new
   
    Cat(
   
   "
   
   lily
   
   "
   
   , 
   
   "
   
   girl
   
   "
   
   , 
   
   13
   
   );

   
   18 
   
   

   
   19 
   
           alert(whiteCat.name 
   
   ==
   
    blackCat.name);
   
   //
   
   false
   
   

   
   20 
   
   
   
           alert(whiteCat.canCatchMouse 
   
   ==
   
    blackCat.canCatchMouse);
   
   //
   
   true