客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
1、 构造函数与实例化当我们的编程是面向对象的时候，先是抽象的过程=>然后实例化的过程，比如我们抽象一个人，我知道一个人的基本信息。名称，年龄，性别，....等等 我们把先是抽象的，在抽象完成后，我们在实例化。 2、构造函数与实例化之间的关系？
//这个自定义的构造函数在抽象
function Person(name,age,sex){
this.name=name;
this.age=age;
this.sex=sex;
this.say=function(){
console.log("我叫",name)
}
}
// 这个过程是实例化
let per1=new Person('司藤',300,'女');
per1.say();//调用
//let per1=new Person('司藤',300,'女');
通过上面这一行代码。
console.log( per1.constructor===Person ) //返回的是true
3、per1.say是否等于per2.say
function Person(name,age,like) {
this.name=name;
this.age=age;
this.like=like;
this.say=function(){
console.log('我可以不吃饭');
}
}
var per1=new Person("司藤",300,'耍');
var per2=new Person('白浅','10000','耍');
per1.say();
per2.say();
console.log( per1.say==per2.say ) //false
4、per1.say不等于per2.say得出的结论
5、举例代码问题5.1代码出现的问题
function Person(name,age,like) {
this.name=name;
this.age=age;
this.like=like;
this.say=function(){
console.log('我可以不吃饭');
}
};
for (var index = 0; index < 100; index++) {
var per=new Person("司藤",300,'耍');
per.say();
}
我们可不可以来优化呢 ? 5.2优化代码解决造成空间浪费
function comSay(){
// 执行相同的逻辑
console.log('我可以不吃饭')
};
function Person(name,age,like) {
this.name=name;
this.age=age;
this.like=like;
this.say=comSay;//不要加括号
};
var per1=new Person("司藤",300,'耍');
var per2=new Person('白浅','10000','耍');
console.log( per1.say==per2.say ) //true
这样我们就节约了空间。每次调用的时候，都是同一个方法。 5.3处理使用这种方法，我们还可以使用原型的方式
function Person(name,age,like) {
this.name=name;
this.age=age;
this.like=like;
};
Person.prototype.comSay=function(){
console.log('我可以不吃饭')
}
var per1=new Person("司藤",300,'耍');
var per2=new Person('白浅','10000','耍');
console.log( per1.comSay==per2.comSay ) //true
// 我们还可以通过原型来解决数据共享
到此这篇关于JS构造函数和实例化的关系及原型引入的文章就介绍到这了,更多相关JS构造函数和实例化的关系及原型引入内容请搜索极客世界以前的文章或继续浏览下面的相关文章希望大家以后多多支持极客世界！ |
请发表评论