JavaScript学习总结(二)数组和对象部分

对象部分

Object类型

Object 是一个无序的集合,可以存放任意类型对象,所有其他对象都继承自这个对象。

创建Object类型有两种,一种是使用new运算符,一种是字面量表示法。

1.使用new运算符创建Object

var obj = new Object();//注意大写,也可以直接写成Object()

注意,通过new Object() 的写法生成新对象,与字面量的写法 obj = {} 是等价的。

2. 使用字面量方式创建:

var obj = {
    name : 'trigkit4',
    age : 21};//分号最好加上

在使用字面量声明Object对象时,不会调用Object()构造函数(FF除外)

Object.prototype对象

所有构造函数都有一个prototype属性,指向一个原型对象。

Object.prototype.print = function(){ console.log(this)};var obj = new Object();

obj.print() // Object

实例obj直接继承了Object.prototype的属性和方法

1.对象只是一种特殊的数据。对象拥有属性和方法。 JavaScript 是面向对象的语言,但 JavaScript 不使用类。 JavaScript 基于 [prototype][1],而不是基于类的。

2.属性:是隶属于某个特定对象的变量。方法:是只有某个特定对象才能调用的函数。

3.js对象是属性和方法的集合。一个方法就是一个函数,是对象的成员。属性是一个值或一组值(以数组或对象的形式),是对象的成员。

4.js对象是基于构造器函数的,使用构造器函数创建一个新对象时,就可以说是实例化了一个新对象。属性是构造器函数内部的变量。

使用构造器函数实例化的对象:

cat = new Animal();

Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。

<script type="text/javascript">
    //对象是名/值对的集合
        var browser = {        //对象是由花括号括起来的
            name:"Firefox",
            kernel:"Gecko"
        };</script>
 //通过点号(.)或“[]”来访问对象的属性
    browser.name         //"Firefox"
    browser["kernel"]    //"Gecko"

对象(objct)是属性(property)的集合,每个属性都由“名/值对”构成,js同样定义了一个特殊的对象——数组,它是带有编号的值的有序集合。

js还定义了一个特殊的对象——函数,函数是具有与他相关联的可执行代码的对象,通过调用函数来执行代码,并返回运算结果。

JS中没有类][3,但是它取了一个新的名字叫“原型对象”,因此"类==原型对象",详情见:JavaScript类的写法(一)

二:类(原型对象)和对象(实例)的区别与联系

1.类(原型对象)是抽象,是概念的,代表一类事物。
2.对象是具体的,实际的,代表一个具体的事物。
3.类(原型对象)是对象实例的模板,对象实例是类的一个个体。

一个常见的误解是数字的字面值(literal)不是对象。这是因为 JavaScript 解析器的一个错误,它试图将点操作符解析为浮点数字面值的一部分。

有很多变通方法可以让数字的字面值看起来像对象。

2..toString(); // 第二个点号可以正常解析2 .toString(); // 注意点号前面的空格(2).toString(); // 2先被计算

删除属性

删除属性的唯一方法是使用 delete 操作符;设置属性为 undefined 或者 null 并不能真正的删除属性,而仅仅是移除了属性和值的关联。

JavaScript面向对象三大特征

封装:不考虑内部实现,只考虑功能使用
继承:从已有对象上,继承出新的对象
多态:所谓多态,就是指一个引用在不同情况下的多种状态,

1.封装

封装就是要把属于同一类事物的共性(包括属性与行为)归到一个类中,以方便使用.比如人这个东东,可用下面的方式封装:

人{

年龄(属性一)
身高(属性二)
性别(属性三)

做事(行为之一)
走路(行为之二)
说话(行为之三)

}

封装的好处:

封装保护了内部数据的完整性;
封装使对象的重构更轻松;
弱化模块间的耦合,提高对象的可重用性;
有助于避免命名空间冲突;

看下面一个例子:

 <script type="text/javascript">  
            var boy = {}; //创建一个空对象
                    boy.name = "小明";//按照原型对象的属性赋值
                    boy.age = 12;            var girl = {};
                    girl.name = "小红";
                    girl.age = 10;    </script>

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

构造函数模式

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

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

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

<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>

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

alert(boy.constructor == Person); //truealert(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的新实例, 由于仍是对象, 故可以给该对象添加新的属性。就好像stylejavascript的一个对象一样,也可以往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]]undefinedObject[[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>

这里需要注意的是属性和属性值以冒号(:)隔开;多个属性用逗号(,)隔开。对象字面量亦可以定义方法,只需在这个对象的属性上写上function就行,这是一个匿名函数,调用它只需要写上他的方法名()即可。

<script type="text/javascript">var dog = {
   name:"husky",
   age:2,
   run:function(){              return "123";
}
}
alert(dog.run());//如果输入dog.run,那么会弹出它后面的function部分的代码</script>

基本值类型包装器

js有五种基本的值类型:number、string、Boolean、null和undefined。除了null和undefined外,其他三个都具有所谓的基本包装对象。可以使用内置构造函数Number()String()Boolean()创建包装对象。

var num = new Number(10);console.log(typeof num);//object

Object()方法

Object() // 返回一个空对象Object(undefined) // 返回一个空对象Object(null) // 返回一个空对象Object(1) // 等同于 new Number(1)Object('foo') // 等同于 new String('foo')Object(true) // 等同于 new Boolean(true)Object([]) // 返回原数组Object({}) // 返回原对象Object(function(){}) // 返回原函数

数组部分

1.Array 对象

Array 对象:提供对创建任何数据类型的数组的支持。

arrayObj = new Array()arrayObj = new Array([size])arrayObj = new Array([element0[, element1[, ...[, elementN]]]])

定义:var arr = [2,3,45,6]; var arr = new Array(2,4,5,7)

版权及转载说明

本站原创、转载文章欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区

本站转载文章版权归原作者所有,如发现本站文章涉嫌侵权请点击「联系我们」反馈,本站将立即给予删除

转载请注明:文章转载自:全分享社区 「http://www.aweb.cc

本文转载自:http://www.codeceo.com/article/learning-javascript-part2.html

本文标题:JavaScript学习总结(二)数组和对象部分

本文地址:http://www.aweb.cc/article/detail/id/520.html

JavaScript学习总结(一)基础部 <<上一篇 下一篇>>JavaScript学习总结(三)BOM