ES5通过构造函数 + 原型实现面向对象 编程
- 构造函数有原型对象prototype
- 构造函数原型对象prototype 里有constructor 指向构造函数
- 构造函数可以通过原型对象添加方法
- 构造函数创建实例对象有__proto__原型指向 构造函数的原型对象
创建对象的三种方法
1. 利用new Object() 创建对象
var obj1 = new Object();
2. 利用字面量创建对象
var obj2 = {};
3.利用构造函数创建对象
function Star(uname, age) {
this.uname = uname;
this.age = age;
this.sing = function() {
console.log('我会唱歌');
}
}
var ldh = new Star('刘德华', 18);
var zxy = new Star('张学友',10);
console.log(ldh);
Star.sex = '男';
ldh.sing();
zxy.sing();
</script>
- 实例成员就是构造函数内壁通过this添加的成员 uname age sing 就是实例成员
- 实例成员只能通过实例化对象来访问(ldh.uname)
- 静态成员 在构造函数本身上添加的成员 sex 就是静态成员 (Start.sex = '男';)
- 静态成员只能通过构造函数来访问
构造函数原型prototype
- 构造函数通过原型分配的函数是所有对象所共享的。
- 每一个构造函数都有一个prototype属性,指向另一个对象。注意这个prototype就是一个对象,这个对象的所有属性和方法,都会被构造函数所拥有。
- 我们可以把那些不变的方法,直接定义在prototype对象上,这样所有对象的实例就可以共享这些方法。
原型是一个对象,我们也称prototype为原型对象。
原型的作用:共享方法。
原型对象函数里面的this 指向的是 实例对象
call() 方法
调用这个函数,并且修改函数运行是的this指向
fun.call(thisArg, arg1, arg2, ... )
thisAeg: 当前调用函数this的指向对象
arg1, rg2:传递的其他参数