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

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中没有类,但是它取了一个新的名字叫“原型对象”,因此"类==原型对象",详情见: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>

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

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