JavaScript每天必学之数组和对象部分(2)

这就是最简单的封装了,把两个属性封装在一个对象里面。但是,这样的写法有两个缺点,一是如果多生成几个实例,写起来就非常麻烦;二是实例与原型之间,没有任何办法,可以看出有什么联系。 

构造函数模式 

为了解决从原型对象生成实例的问题,Javascript提供了一个构造函数(Constructor)模式。 

所谓"构造函数",其实就是一个普通函数,但是内部使用了this变量。对构造函数使用new运算符,就能生成实例,并且this变量会绑定在实例对象上。 

比如boy和girl的原型对象现在就可以这样写:

<script type="text/javascript"> function Person(name,age){ this.name = name; this.age = age; } </script>

我们现在就可以生成实例对象了。

<script type="text/javascript"> var boy = new Person("小明",12); var girl = new Person("小红",10); alert(boy.name); //小明 alert(boy.age); //12 </script>

这时boy和girl会自动含有一个constructor属性,指向它们的构造函数。

alert(boy.constructor == Person); //true

alert(girl.constructor); //输出整串构造函数代码,自己试试吧
Prototype模式 Javascript规定,每一个构造函数都有一个prototype属性,指向另一个对象。这个对象的所有属性和方法,都会被构造函数的实例继承。 

这意味着,我们可以把那些不变的属性和方法,直接定义在prototype对象上。

<script type="text/javascript"> function Person(name,age){ this.name = name; this.age = age; } Person.protype.type = "人类"; Person.protype.eat = function(){ alert("吃米饭"); } </script>

然后,生成实例:

<script type="text/javascript"> var boy = new Person("小明","12"); var girl = new Person("小红","10"); alert(boy.type);//人类 boy.eat();//吃饭 </script>

这时所有实例的type属性和eat()方法,其实都是同一个内存地址,指向prototype对象,因此就提高了运行效率。
 alert(boy.eat == girl.eat); //true
原型属性是一个内置属性,它指定了对象所扩展的构造器函数。
 下面的代码为Animal构造器函数添加一个新的属性size,这个新属性是cat对象的原型属性。通过使用原型属性,所有扩展Animal构造器函数的对象就可以访问size属性

cat = new Animal("feline","meow", "walk/run"); cat.prototype.size = "fat";

在这种情况下,所有的Animal对象的size属性都是“fat”。原型默认为Object的新实例, 由于仍是对象, 故可以给该对象添加新的属性。就好像style是javascript的一个对象一样,也可以往style后继续添加属性。

<script type="text/javascript"> /*定义一个Person类*/ function Person(_name,_age,_salary){ //Person类的公开属性,类的公开属性的定义方式是:”this.属性名“ this.Name=_name; //Person类的私有属性,类的私有属性的定义方式是:”var 属性名“ var Age=_age; var Salary=_salary; //定义Person类的公开方法(特权方法),类的公开方法的定义方式 是:”this.functionName=function(){.....}“ this.Show=function(){ alert("Age="+Age+"\t"+"Salary="+Salary);//在公开方法里面访问类的私有属性是允许的 } </script>

对象在查找某个属性的时候,会首先遍历自身的属性,如果没有则会继续查找[[Prototype]]引用的对象,如果再没有则继续查找[[Prototype]].[[Prototype]]引用的对象,依次类推,直到[[Prototype]].….[[Prototype]]为undefined(Object的[[Prototype]]就是undefined) 

简单说就是通过对象的[[Prototype]]保存对另一个对象的引用,通过这个引用往上进行属性的查找,这就是原型链。 

null 对象 

js给变量赋null值的作用在于:
赋值一个空指针,容易让人理解这个变量是准备用来存放对象的。也方便调错 

全局的window对象 

JavaScript中的任何一个全局函数或变量都是window的属性。
self对象与window对象完全相同,self通常用于确认就是在当前的窗体内。 

window的主对象主要有如下几个:
 JavaScript document 对象
JavaScript frames 对象
JavaScript history 对象
JavaScript location 对象
JavaScript navigator 对象
JavaScript screen 对象

几个常用方法
 valueof()方法:返回指定对象的原始值
split() 方法将字符串分割为字符串数组,并返回此数组。
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。   
substring() 方法用于提取字符串中介于两个指定下标之间的字符。
substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。   
join()方法用于把数组中的所有元素放入一个字符串。
arrayObject.join(分隔符)
reverse() 方法用于颠倒数组中元素的顺序。   
slice() 方法可从已有的数组中返回选定的元素。

对象字面量 

对象字面量是用于创建包含大量属性的过程,如下所示:

<script type="text/javascript"> var company = { name : "Microsoft", ages : 39, employees : 99000, CEO : "Nadella" }; </script>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzjxfy.html