一、构造函数
1.1构造函数
在ES6之前,对象不是基于类创建的,而是用一种称为构建函数的特殊函数来定义对象和它们的特征。
构造函数是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与new一起使用。我们可以把对象中一些公共的属性和方法抽取出来 ,然后封装到这个函数里面。
在JS中,使用构造函数时要注意以下两点:
1.构造函数用于创建某一类对象,其首字母要大写
2.构造函数要和new 一起使用才有意义
new在执行时会做四件事情:
①在内存中创建一一个新的空对象。
②让this指向这个新的对象。
③执行构造函数里面的代码,给这个新对象添加属性和方法。
④返回这个新对象(所以构造函数里面不需要return)。
基本格式:
function Star(name, age, gender) {
this.name = name;
this.age = age;
this.gender = gender;
}
var zgr = new Star('张国荣', 35, '男')
console.log(zgr)//得到一个Star数组
1.2构造函数静态动态成员
JavaScript的构造函数中可以添加一些成员,可以在构造函数本身上添加,也可以在构造函数内部的this上添加。通过这两种方式添加的成员,就分别称为静态成员和实例成员。
●静态成员:在构造函数本上添加的成员称为静态成员,只能由构造函数本身来访问
●实例成员:在构造函数内部创建的对象成员称为实例成员,只能由实例化的对象来访问
function Star(name, age, gender) {
this.name = name;
this.age = age;
this.gender = gender;
this.sing = function(){
console.log("i am superstar")
}
}
var zgr = new Star('张国荣', 35, '男')
//1.实例成员就是构造函数内部通过this添加的成员name age sing就是实例成员
//实例成员只能通过实例化的对象来访问
console . log( zgr. uname);
zgr.sing();
//console.log(Star.uname);//错误,不可以通过构造函数来访问实例成员
//2.静态成员在构造函数本身上添加的成员
Star.gender = "男";
console.log(Star.sex) ;//正确,打印出“男”
console. log(zgr.sex); //错误,不能通过对象来访问
1.3构造函数的问题
构造函数方法很好用,但是存在浪费内存的问题。
如上代码,如果Star中除了sing,还要加入其它像movie,doc等其他属性,会被存放在不同的内存空间,占用内存。
二、原型以及对象原型
1.构造函数和原型
1.1构造函数原型prototype
构造函数通过原型分配的函数是所有对象所共享的。JavaScript规定,每一个构造函数都有一个prototype属性,指向另一个对象。注意这个prototype就是一个对象,这个对象的所有属性和方法,都会被构造函数所拥有。我们可以把那些不变的方法,直接定义在prototype对象上,这样所有对象的实例就可以共享这些方法。
1.原型是什么? .
一个对象,我们也称为prototype为原型对象。
2.原型的作用是什么?
共享方法。
1.2对象原型_ proto_
对象都会有一个属性_ proto_ 指向构造函数的 prototype原型对象,之所以我们对象可以使用构造函数
prototype原型对象的属性和方法, 就是因为对象有_ proto_ 原型的存在。
即 zgr.__proto__ === Star.prototype(zgr.__proto__ 等同于Star.prototype)