JavaScript基础(12.面向对象及原型简介)
来源:互联网 发布:简易流程图制作软件 编辑:程序博客网 时间:2024/05/22 03:27
面向对象的基本知识就不讲了:
function Foo(n){ this.name = n;}var obj = new Foo("yiq"); /*这就表示创建了一个对象,注意必须要用new*/这里就创建了一个对象
<script>function Foo (name,age) { this.Name = name; this.Age = age; this.Func = function(arg){ return this.Name + arg; }}var obj = new Foo('yiq', 18);var ret = obj.Func("uin");console.log(ret);</script>
对于上述代码需要注意:
- Foo充当的构造函数
- this代指对象
- 创建对象时需要使用 new
上述代码中每个对象中均保存了一个相同的Func函数,从而浪费内存。使用原型和可以解决该问题:
<script>function Foo (name,age) { this.Name = name; this.Age = age;}Foo.prototype = { GetInfo: function(){ return this.Name + this.Age }, Func : function(arg){ return this.Name + arg; }}</script>
看上去很复杂,其实只需要先记下来,以后用到时候自然就理解了。
阅读全文
0 0
- JavaScript基础(12.面向对象及原型简介)
- javascript面向对象基础 工厂与原型
- Javascript 面向对象原型
- JavaScript面向对象-原型
- javascript 面向对象基础(二) 包装对象原型链
- javascript--面向对象(四)原型对象,构造函数及实例对象的关系图
- javascript面向对象(原型、继承)
- javascript面向对象技术基础(四)(类、构造函数、原型)
- javascript--面向对象(三)原型对象存在的问题及组合组合使用原型和构造函数
- JavaScript原型面向对象构造
- JavaScript面向对象与原型
- Javascript面向对象与原型
- 【JavaScript】面向对象与原型
- JavaScript:面向对象与原型
- JavaScript面向对象与原型
- 【JavaScript】面向对象与原型
- Javascript原型,原型链,面向对象
- JavaScript面向对象(一)基础详解及封装
- Permission denied: /.htaccess pcfg_openfile: unable to check htaccess file, ensure it is readable
- ssl/tls加密通信
- 破解PHPstorm
- 关于table中一个隐藏的tr,改为显示后与其他tr样式不一样的问题
- java的List集合们ArrayList vs. LinkedList vs. Vector
- JavaScript基础(12.面向对象及原型简介)
- 为什么要前后端分离
- 分布式事务型关系数据库 AntDB
- angluar2 学习(二)
- Linux CPU实时监控mpstat命令详解
- android获取手机所有图片
- Python 之 使用 PIL 库做图像处理
- Paython简史
- 数据结构第十一周项目(四)——利用遍历思想求解图问题