js学习笔记31----工厂方式
Posted 前端[色色]
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js学习笔记31----工厂方式相关的知识，希望对你有一定的参考价值。
工厂方式构造对象：
1.原料---构造函数，创建一个对象
2.加工---属性，方法
3.出厂---返回结果
示例代码：
<!DOCTYPE html> <html lang="en"> <head> <title>工厂方式</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script> function createPerson(name,sex){ //构造函数：创建一个对象 //1.原料 var obj = new Object(); //2.加工 obj.name = name; obj.sex = sex; obj.showName = function(){ alert(‘我的名字叫‘+this.name); } obj.showSex = function(){ alert(‘我是‘+this.sex+‘的‘); } //3.出厂 return obj; } var p1 = createPerson(‘sese‘,‘女‘); var p2 = createPerson(‘JJ‘,‘男‘); p1.showName(); p1.showSex(); p2.showName(); p2.showSex(); </script> </head> <body> </body> </html>
工厂方式的问题：
1.没有new;
2.每个对象都有一套自己的函数——浪费资源。
函数的叫法：
函数：独立的，自由的。
方法：属于一个对象的函数。
事件处理函数：用于处理一个事件的函数。
构造函数：创建一个对象的函数 = 类。
以上是关于js学习笔记31----工厂方式的主要内容，如果未能解决你的问题，请参考以下文章