js构造函数和原型

创建对象的方式
1,对象字面量
var obj1 = {}
2,new Object()
var obj2 = new Object()
3,利用构造函数创建对象
 
构造函数
利用构造函数 可以创建很多个对象
构造函数,把对象中公共属性和方法抽出来,放在构造函数里,通过new创建不同的对象
function Star (name ,age){
    this.name = name;
    this.age = age;
    this.song = function(){
        console.log('我会唱歌')
    }
}

 

构造函数+原型

通过原型分配的函数,所有对象都可以共享
function Star (name ,age){
    this.name = name;
    this.age = age;
    // this.song = function(){
    //     console.log('我会唱歌')
    // }
}
// 通过原型分配的函数,所有对象都可以共享
Star.prototype.song = function(){
    console.log('我会唱歌')
}
Star.prototype.movie = function(){
    console.log('我会演电影')
}

var ldh = new Star('刘德华', 18)
var zbz = new Star('张柏芝', 19)
console.log(ldh)
ldh.song()
zbz.song()
new的执行过程:
1,new一个构造函数的时候,就创建一个空的对象
2,把构造函数的 this 指向空的对象
3,把构造函数属性和方法 进行赋值操作,赋给空对象
4,返回创建一个新对象
 
总结:
构造函数 封装的方法在 创建新对象的时候会浪费内存,创建一个对象就开辟一块新内存
原型:
 每一个构造函数都有一个prototype属性,指向另一个对象,这个对象就是原型对象; 这个对象的所有属性和方法,都会被构造函数所拥有。
我们可以把那些不变的方法,定义在prototype对象上,这样所有新的实例对象就可以共享这些方法
原型的作用:共享方法,节约内存
 
为什么对象可以调用原型上的方法:
每一个对象身上都有一个 __proto__属性  它指向我们的构造函数的原型对象prototype,所以对象就可以使用构造函数prototype原型对象
的属性和方法。
__proto__对象和原型对象prototype是等价的
console.log(ldh.__proto__ === Star.prototype)
// constructor我们称为构造函数,因为它指回构造函数本身 // constructor的作用:告诉我们对象 是引用那个构造函数创造出来的 console.log(Star.prototype) console.log(ldh.__proto__)

 

原型链
1,只要是对象就有__proto__原型,它指向原型对象
2,我们Star原型对象里面的__proto__原型指向的是  Object.prototype
console.log(Star.prototype.__proto__ === Object.prototype)
// 3,我们Object.prototype原型对象里面的__proto__原型   指向为null
console.log(Object.prototype.__proto__)
 
只要是对象 它就有__proto__原型,这个原型指向 原型对象prototype,而原型对象也是对象,它也有自己的原型
原型对象的原型 prototype.__proto__指向Object原型对象, Object原型对象也有原型__proto__  这就是原型链
 
原型链就像一条线路,指引我们查找对象的成员
 1,首先在对象本身上去找,-> 2,对象上没有通过原型__proto__,就去原型对象上去找,-> 3,原型对象没有,就去Object上去找,-> 4,Object上没有,那就返回null
posted @ 2021-02-11 20:18  云悠  阅读(151)  评论(0编辑  收藏  举报