700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > Javascript创建自定义对象几种方式实例汇总

Javascript创建自定义对象几种方式实例汇总

时间:2023-03-10 23:04:55

相关推荐

Javascript创建自定义对象几种方式实例汇总

web前端|js教程

Javascript,自定义,js

web前端-js教程

Object构造函数/对象字面量:

彩虹秒赞源码7.13,vscode卸载mac,ubuntu最新资讯,tomcat apr作用,sqlite 三表,云服务器试用3天,选择颜色插件,轻量 前端开发框架,字节 爬虫 判刑,php达内怎么样,网站百度seo,miko网站源码怎么修改,网页模板 库存,上传模板html,认证页面模板,海网站管理系统,小程序 打赏模块lzw

抛开设计模式不谈,使用最基本的方法,就是先调用Object构造函数创建一个对象,然后给对象添加属性.

马克斯x站源码模板,vscode窗口放大缩水,ubuntu 分区菜单,删除tomcat默认目录,轻爬虫编写,php 模拟登录淘宝,宜宾seo网络推广公司电话,自动收录网站源码,shopex模板安装lzw

var student = new Object();student.name = "xiao ming";student.age = 20;student.getName = function () { alert(this.name);}

熟悉javascript 对象字面量的同学,可以换一种更好的写法,至少看上去更简洁。

php 访问量源码,vscode执行多个任务,ubuntu vi 写入,tomcat不能安装路径,sqlite 两个字段,豆瓣上爬虫怎么爬取很多数据,frame php,乐山谷歌seo公司,网站插入聊天,马克斯maxcms模板lzw

var student = { name: "xiao hong", age: 18, getName: function () { alert(this.name); } };

缺点:上面方法有个缺点就是,使用同一个接口创建很多类似的对象时,会产生大量重复的代码。这个应该很容易理解了,函数(方法或者类)一般是用来创建公共的方法,上面的对象创建过程,根本没有函数的影子,所以谈不上什么重用。

自定义类型的构造函数:

构造函数可以用来创建特定类型的对象。

function Student(name,age) { this.name = name; this.age = age; this.sayName = function () { alert(this.name); }}var p3 = new Student("ming", 20);var p4 = new Student("hong", 18);alert(p3 instanceof Student); alert(p3.sayName==p4.sayName); //false

缺点:自定义构造函数 的不足之处就是,每个对象都会重新创建自己的方法,其实这些方法功能是一样的(像 sayName),但是它们却不相同(p3.sayName 和p4.sayName不相等)。

构造函数与原型的组合:

function Student(name, age, friends) { this.name = name; this.age = age; this.friends = friends;}Student.prototype = { constructor: Student, sayName: function () { alert(this.name); }};

总结:构造函数与原型的组合 是一种获得广泛认可的创建自定义类型的方法。 也是上面这些方法中的最优方法。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。