您好,登录后才能下订单哦!
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
这篇文章主要讲解了总结JS创建对象的模式,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。
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创建对象的模式有进一步的了解,如果还想学习更多内容,欢迎关注亿速云行业资讯频道。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。