javascript_core_08之闭包、对象、原型
1、闭包:
①外层函数包裹受保护的变量和操作变量的内层函数;
②外层函数将内层函数返回到外部;
③调用外部函数,获得内层函数的对象;
2、面向对象:用对象描述现实一个具体事物属性和功能,按需调用功能,操作属性;
①创建对象:封装:var obj={属性名:属性值,……:……,方法名:function(){……}};对象内的方法中访问对象自己的属性:this.属性名,this默认指当前所在对象;
②new创建单独对象:var obj=new Object();obj.新属性=值;obj.新方法=function(){……};
③反复创建相同结构类型的对象:定义构造函数(constructor),function 类型名(属性参数){this.属性名=属性参数;this.方法名=function(){……}};var obj=new 类型名(属性值,……);
3、创建一个单独对象:
①对象直接量:var obj={属性名:值,方法名:function(){this.属性名}};
②new创建:var obj=new Object();obj.新属性名=值;obj.新方法名=function(){this.属性名}
4、反复创建多个同一类型相同结构对象:
①创建构造函数:function 类型名(属性参数){this.属性名=属性参数;this.方法名=function(){this.属性名}};(优点:代码重用;缺点:无法节约内存——解决方法:继承;);
②new调用构造函数——实例化(instance):var obj=new 类型名(属性值);
5、关于new的四件事:
①创建新的空对象;
②设置新对象的_proto_属性,继承构造函数的原型对象;
③使用新对象调用构造函数,将构造函数中的this替换为新对象;
④返回新对象的地址给变量;
6、原型对象(prototype):集中保存所有子对象的共有成员的父级对象;
①原型对象无需创建,每个构造函数自带原型对象;
②获得:a、子对象._proto_;b、子对象._proto_;(_proto_是内部属性,通过Object.getPrototypeOf(obj)获得obj对象的父级原型对象);
③向原型对象添加共有成员:构造函数.prototype.新成员=XXXX;
7、属性:
①修改自有属性必须用子对象:子对象.属性;
②修改共有属性必须用原型对象:父级对象.prototype.属性;
③删除属性:delete 对象.属性名;只能删除当前对象自有属性;
④自有属性:直接保存在当前对象本地的属性;判断:obj.hasOwnProperty(“属性名”);
⑤共有属性:保存在原型对象,多个子对象共享;判断:!obj.hasOwnProperty(“属性名”)&&obj.属性名!==undefined;
8、原型链:由各级对象的_proto_属性,逐级继承;
①Object.prototype是所有对象的顶级父对象;
②Function.prototype是所有函数对象的顶级父对象;
③内置对象API:对象.方法()——方法保存在对象的构造函数的prototype中;
9、继承关系判断:
①原型对象father.isPrototypeOf(child):判断father是否是child的父对象,或判断child是否继承自father;
②构造函数child instanceof 构造函数:判断child是否是构造函数创建出的实例;
10、判断对象是否为数组类型:
①原型对象:Array.prototype.isPrototypeOf(XXX);
②构造函数:XXX instanceof Array;
③根据对象class属性:Object.prototype.toString.call(obj1)===“【object Array】”;
11、重写(override):子对象在本地定义同名成员,覆盖父对象成员;
javascript_core_08之闭包、对象、原型的更多相关文章
- jquery学习笔记---闭包,原型链,this关键字
网上的资料很多,关于闭包,原型链,面向对象之内的.本人也有一点自己的总结. 关于this: this 的值取决于 function 被调用的方式,一共有四种, 如果一个 function 是一个对象的 ...
- JavaScript函数、闭包、原型、面向对象
JavaScript函数.闭包.原型.面向对象 断言 单元测试框架的核心是断言方法,通常叫assert(). 该方法通常接收一个值--需要断言的值,以及一个表示该断言目的的描述. 如果该值执行的结果为 ...
- js闭包,原型,作用域等再一次理解
要理解闭包,原型等,首先要理解作用域 作用域:就是函数在定义的时候创建的,用于寻找使用到的变量的值的一个索引,而他内部的规则是,把函数自身的本地变量放在最前面,把自身的父级函数中的变量放在其次,把再高 ...
- javascript 创建对象及对象原型链属性介绍
我们知道javascript里定义一个普通对象的方法,如: let obj = {}; obj.num = 1; obj.string = 'string'; obj.func = function( ...
- JavaScript对象原型写法区别
体现对象原型分步式写法 //原型分步式写法 //构造函数 function Person(){} //对象原型 Person.prototype.name = 'Avensatr'; Pers ...
- Javascript高级编程学习笔记(21)—— 对象原型
JS中对象相关的最重要的恐怕就是原型链了 原型链也是JS中对象继承的实现的基础 接昨天的文章,我们使用构造函数创建对象的时候仍然存在一些问题 那就是所有的实例没法共用一个函数 这样无疑会造成极大的内存 ...
- JavaScript对象原型写法详解
体现对象原型分步式写法 //原型分步式写法 //构造函数 function Person(){} //对象原型 Person.prototype.name = 'Avensatr'; Pers ...
- 关于js的对象原型继承(一)
javascript中,对象的继承是通过原型去继承. 可以这样理解:js中的对象,包含的除了属性和方法,还有一个最基本的原型__proto__对象.这个原型__proto__指向谁,这个对象就继承谁. ...
- jquery实现点击展开列表同时隐藏其他列表 js 对象操作 对象原型操作 把一个对象A赋值给另一个对象B 并且对象B 修改 不会影响 A对象
这篇文章主要介绍了jquery实现点击展开列表同时隐藏其他列表的方法,涉及jquery鼠标事件及节点的遍历与属性操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了jquery实现点击 ...
- JS的对象原型
1.对象 1.1 语法 对象可以通过两种形式定义:声明(文字)形式和构造形式. 对象的文字语法: var myObj = { key : value //... }; 对象的构造语法: var myO ...
随机推荐
- webpack入门指南(转载)
什么是 webpack? webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX).coffee.样式(含less/sass).图片等都作为模块来使用和处理. 我们可以 ...
- Cobbler学习之二--Cobbler的Web管理和维护
Cobbler的Web管理模块和命令行模块是可以分开工作的,没有依赖关系. 1 WebUI的功能 查看所有的对象和配置文件 添加或者删除system,distro, profile 执行“cobble ...
- storm入门(一):storm编程框架与举例
基础 http://os.51cto.com/art/201308/408739.htm 模型 http://www.cnblogs.com/linjiqin/archive/2013/05/28 ...
- hdu acm 1425 sort(哈希表思想)
sort Time Limit: 6000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Submis ...
- hdu 2896 AC自动机
// hdu 2896 AC自动机 // // 题目大意: // // 给你n个短串,然后给你q串长字符串,要求每个长字符串中 // 是否出现短串,出现的短串各是什么 // // 解题思路: // / ...
- 多线程NSThread基本用法
#import "ViewController.h" @interface ViewController () @end @implementation ViewContr ...
- hdu 4698 - Counting(思路)
转:题意:给定一个二维平面,其中x取值为1-N,y取值为1-M,现给定K个点,问至少包括K个点中的一个的满足要求的<Xmin, Xmax, Ymin, Ymax>共有多少中取值情况.也就是 ...
- Windows Server 2003搭建邮件服务器
Windows Server 2003搭建邮件服务器 由于Windows Server 2003默认是没有安装我们搭建邮件服务器所需要的POP3和SMTP服务的,因此需要我们自己来安装.方法如下: 1 ...
- 阿里云Linux安装软件镜像源
阿里云Linux安装软件镜像源 阿里云是最近新出的一个镜像源.得益与阿里云的高速发展,这么大的需求,肯定会推出自己的镜像源.阿里云Linux安装镜像源地址:http://mirrors.aliyun. ...
- dojo/query源码解析
dojo/query模块是dojo为开发者提供的dom查询接口.该模块的输出对象是一个使用css选择符来查询dom元素并返回NodeList对象的函数.同时,dojo/query模块也是一个插件,开发 ...