JS构造函数和实例化的关系及原型引入举例分析

本文主要介绍“JS构造函数与实例化的关系以及原型导入的分析”。在日常操作中，我相信很多人对JS构造函数和实例化的关系以及原型引入的分析都有疑问。边肖查阅了各种资料，整理出简单易用的操作方法，希望能帮你解答“JS构造函数与实例化的关系以及原型介绍的分析”的疑惑！接下来，请和边肖一起学习！

1、 构造函数与实例化

当我们的编程面向对象时，首先是抽象过程=然后是实例化过程，例如，我们抽象一个人，我知道一个人的基本信息。姓名，年龄，性别，等等。

我们首先对它进行抽象，在抽象完成后，我们将其实例化。

00-1010//这个自定义构造函数正在抽象

职能人员(姓名、年龄、性别){

this.name=name

this.age=年龄；

this.sex=sex

this . say=function(){ 0

Console.log('我的名字，姓名)

}

}

//此流程已实例化。

每1=新人('思腾'，300，'女')；

per1 . say()；//调用

//letper1=newPerson ('Si Teng '，300，'女')；传递上面一行代码。

我们可以得出一个结论：

构造函数与实例对象之间的关系是：

实例需要由构造函数创建。

同时，我们可以知道实例对象的构造函数就是构造函数。

让我们证明这句话是否正确；上述代码不会改变。

console . log(per 1 . constructor==person)//返回true。充分说明：实例对象的构造函数确实是构造函数。

2、构造函数与实例化之间的关系？

功能人员(姓名、年龄等){ 0

this.name=name

this.age=年龄；

like=like；

this . say=function(){ 0

console . log(‘我可以不吃饭’)；

}

}

Per1=新人(《思腾》，300，《玩》)；

Per2=新人(《白前》、《10000》、《玩》)；

per1 . say()；

per2 . say()；

console . log(per 1 . say=per 2 . say)//false

3、per1.say是否等于per2.say

因为console . log(per 1 . say==per 2 . say)//false

我们可以得出一个结论。

也就是说，per1.say()和per2.say()不调用同一个方法。

那么它们的内容是平等的吗？

console . log(per 1 . say()==per 2 . say())//true

描述内容相等。

4、per1.say不等于per2.say得出的结论

5、举例代码问题

功能人员(姓名、年龄等){ 0

this.name=name

this.age=年龄；

like=like；

n

bsp;   this.say=function(){
        console.log('我可以不吃饭');
    }
};
for (var index = 0; index < 100; index++) {
    var per=new Person("司藤",300,'耍');
    per.say();
}

这一段代码：是它在内存中开辟了100个空间。每个空间都有一个say方法。但是每一个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构造函数和实例化的关系及原型引入举例分析”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注网站，小编会继续努力为大家带来更多实用的文章！