JS中的构造函数和原型
来源:互联网 发布:淘宝有限额吗 编辑:程序博客网 时间:2024/06/05 20:50
刚入门 写出来的文章仅仅供自己阅读理解 复习记忆
因为在ES6之前JS并没有引入类的概念 所以用构造函数代表类
- 创建构造函数
//普通创建 构造函数 function Father(name,sex,age){ //属性 this.name = name; this.sex = sex; this.age = age; //方法 this.fn = function(){ console.log('方法'); }}//使用 new 操作符/* 在此 new 创建了一个新对象 并且把this指向这个对象 并且返回 this */var objone = new Father('xxx','xx','xx');
- 工厂模式
//工厂模式 创建构造函数//在工厂模式中 先 new 一个对象出来 再给这个空对象添加属性和方法//并且在函数中返回这个对象function Father(name,sex,age){ //使用 new 创建一个空对象 var father = new Object(); //添加属性 father.name = name; father.sex = sex; father.age = age; //添加方法 father.fn = function(){ console.log('方法'); } //返回这个对象 return father;}//因为在工厂模式函数内部已经创建了对象并且返回了这个对象//所以在这里只用接受这个对象 而不用在new一个对象出来var objtwo = Father('xxx','xx','xx');
所有函数都有一个原形 prototype
每一个函数对象(构造函数) 都有一个prototype属性
该属性中存储的是一个原型对象 为原型对象添加的属性或者方法都可以被之后创建的任何一个实例对象所访问 可以帮助我们节省内存
但是需要注意为原型对象添加的属性或者方法有一个特点就是所有实例对象对应的属性或方法是需要完全相同的
- 添加原型方法1
////通过原型给当前类添加属性和方法Father.prototype = { //属性 address : '地址', msg : '信息', //方法 play : function(){ console.log('play'); }}//而我们通过当前创建的对象即可访问构造函数的原型//例如console.log(objone.address);
- 添加原型方法2
Father.prototype.address = '地址';Father.prototype.msg = '信息';Father.prototype.play = function(){ console.log('play'); }
阅读全文
0 0
- JS中的构造函数和原型
- Js中的对象、构造函数、原型、原型链及继承
- js中的构造函数,原型,原型链,继承
- Js中的对象、构造函数、原型、原型链及继承
- JavaScript中的构造函数和原型对象
- js关于原型构造函数和原型链的理解
- JS构造函数与原型
- JS构造函数与原型
- JS构造函数与原型
- js构造函数、原型和实例之间关系图
- js 组合使用原型模式和构造函数模式
- 关于js的构造函数和原型对象
- 一句话总结JS构造函数、原型和实例的关系
- 关于前端开发中的构造函数模式和原型模式
- ** Javascript 普通函数和构造函数的区别 && JS----构造函数与原型prototype 区别
- 构造函数和原型对象
- js 创建对象的两种主要方法 构造函数 和 原型+构造函数组合
- js中的对象和构造函数
- 第31届NIPS正式开幕,3240篇提交论文创历史新高,公布3篇最佳论文
- AI一分钟 | 马云回应乌镇饭局:饭不重要,饭局上讨论的问题很重要;高通回应博通提名董事会人选:公然抢夺董事会控制权
- QT4.8.5+qt-vs-addin-1.1.11+VS2010安装配置和QT工程的新建和加载
- 169. Majority Element 查找多数元素
- 1004. 成绩排名 (20)
- JS中的构造函数和原型
- 剪花布条
- JQuery中缓存实现的分析
- HTML5(十九)
- 实战开源OpenVPN 享受廉价SSL VPN
- 在Linux下如何使用命令安装gcc/g++, gdb, vim
- HTML学习笔记(四)
- Binary Agents
- echarts柱状图