大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章主要讲解了总结JS创建对象的模式,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。
目前创新互联建站已为上1000+的企业提供了网站建设、域名、雅安服务器托管、网站托管维护、企业网站设计、青秀网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
1.工厂模式
抽象了创建具体对象的过程,创建了一种函数,封装特定的接口创建对象的细节。
return
刚新建的对象function createPerson(name, age, job) { var obj = new Object(); obj.name = name; obj.age = age; obj.job = job; obj.sayHi = function() { congsole.log(this.name); }; return obj; } var person1 = createPerson("name1", "age1", "job1"); var person2 = createPerson("name2", "age2", "job2");
存在问题:
没有解决对象识别的问题(怎么识别对象的类型)
this
中return
new
操作符调用function Person(name, age, job) { this.name = name; this.age = age; this.job = job; this.sayHi = function() { console.log(this.name); }; } var person1 = new Person("name1", "age1", "job1"); var person2 = new Person("name2", "age2", "job2");
存在问题:
创建的每一个函数都有prototype
原型属性,这个属性是一个指针,指向一个对象,这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。
所有原生引用类型都在其构造函数的原型上定义了方法
function Person{ } Person.prototype.name="name" Person.prototype.age="age" Person.prototype.job="job" Person.prototype.sayHi=function(){ console.log(this.name) } var person1=new Person() var person2=new Person()
存在问题:
构造函数用来定义实例属性,原型模式用来定义方法和共享的属性
function Person(name, age, job) { this.name = name; this.age = age; this.job = job; } Person.prototype={ constructor:Person; sayHi:function(){ console.log(this.name) } } var person1 = new Person("name1", "age1", "job1");
这里对原型的修改,能够对所有实例生效,只在初次调用构造函数会执行
function Person(name,age,job){ this.name=name; this.age=age; this.job=job; if(typeof this.sayHi !="function" ){ Person.prototype.sayHi=functong(){ console.log(this.name) } } } var person1 = new Person("name1", "age1", "job1");
工厂模式+构造函数
instanceof
来去定对象原型function Person(name, age, job) { var obj = new Object(); obj.name = name; obj.age = age; obj.job = job; obj.sayHi = function() { congsole.log(this.name); }; return obj; } var person1 = new Person("name1", "age1", "job1");
this
new
function Person(name, age, job) { var obj = new Object(); // 定义室友变量和函数 obj.sayHi = function() { congsole.log(name); }; return obj; } var person1 = Person("name1", "age1", "job1"); // name1
看完上述内容,是不是对总结JS创建对象的模式有进一步的了解,如果还想学习更多内容,欢迎关注创新互联行业资讯频道。