js_03 面向对象
2.对象和关联数组
js的对象本质上是一个关联数组, 说白了就是咱python中的字典
对象的每个实力属性就是一个键值对
实例方法也是一个键值对, 只不过value值是一个函数
var Person = function(name, age) { this.name = name; this.age = age; this.info = function() { alert('this is info method') } } var p = new Person('zhangjian', 18); for (propname in p) { document.writeln('p 对象的' + propname + '属性值为' + p[propname] + '<br>') }
运行结果
p 对象的name属性值为zhangjian
p 对象的age属性值为18
p 对象的info属性值为function() { alert('this is info method') }
3. 继承prototype
js虽然有类和对象的概念, 但是没有明显的继承关系, 所有的类都是object对象的子类
可以动态的为对象添加属性和方法
//定义一个空对象 var p = {}; // 动态的添加属性和方法 p.name = 'zhangjian'; p.info = function() { alert('this is info method') }; p.info()
我们可以在定义类(其实就是个函数)的时候在内部为这个类定义实例方法, 但是这样有两个缺点,
1.每次实例化一个对象都生成了这样一个函数,容易造成内存泄露
2. 形成了一个闭包,增大了局部变量的作用范围
prototype
为了避免上述情况,通常不建议直接在函数定义中直接为该函数定义方法,而是建议使用prototype属性
js的所有类都有一个prototype属性,如果为js的prototype属性添加属性,方法,则可视为对所有类的扩展.
<script> var Person = function(name, weight) { this.name = name; this.weight = weight; this.info = function () { document.writeln(this.name + '<br>'); document.writeln(this.weight + '<br>'); } } var zj = new Person('zhangjian', 18); zj.info(); // 通过prototype为Person类添加方法,这个方法会被所有(包括已经创建的对象继承) Person.prototype.walk = function () { for(;;){ if (this.weight >= 5) { this.weight -= 5; this.info(); } else { return } } }; zj.walk(); </script>
使用prototype对js内建类进行拓展
例: 为jsArray内建类添加indexof方法,返回输入元素的索引,没有则返回-1
<script> Array.prototype.indexOf = function (obj) { ret = -1; for (i=0; i<this.length; i++) { if (this[i] == obj) { ret = i; break } } return ret } a = Array(1,2,3,4,5,6); alert(a.indexOf(6)); alert(a.indexOf(7)) </script>