一、javascript对象遍历

1.javascript属性访问

对象.属性名

对象['属性名']

var obj={name:'chen',red:function(){
alert(1);return 2;
}};
alert(obj['name']);
alert(obj.name);

 2.javascript属性遍历(for in)

//( obj[i] )此格式才有效
var obj={
name:'chen',
red:function(){
alert(1);
return 2;
},
so:'rui'
};
for(var i in obj){
alert(obj[i]);
}
//arguments
//检测参数个数:arguments.length
//访问第i个值:arguments[i]
function myArray () {
var lengs= arguments.length;
for (var i=0; i<lengs; i++) {
this[i]=arguments[i];
}
}
var arr=new myArray('chen','20','suncco');
alert(arr[1]);

二、对象的特性之封装

把对象所有的组成部分组合起来,尽可能的隐藏对象的部分细节,使其受到保护;只保留有限的接口和外部发生联系。

//工厂函数
function app(name,size){
var apps={};
apps.name=name;
apps.size=size;
apps.lookName=function(){
return name;
}
apps.lookSize=function(){
return size;
}
return apps;
}
var arr=app('chen','20M');
alert(arr.lookName()); 结果:chen
//构造函数
function app(name,size){
this.name=name;
this.size=size;
this.lookName=function(){
return this.name;
}
this.lookSize=function(){
return this.size;
}
}
var arr=new app('chen','20M');
alert(arr.name); 结果:chen
alert(arr.lookName()); 结果:chen

构造函数跟工厂函数类似,构造函数比较正式;但里面的方法一样,占用了内存空间。

//原型:prototype方法
function app(name,size){
this.name=name;
this.size=size;
this.lookName=function(){
return this.name;
}
}
app.prototype.lookSize=function(){
return this.name;
}
var arr=new app('chen','20M');
delete arr.size;
alert(arr.size); 结果:undefined
delete arr.lookSize;
alert(arr.lookSize()); 结果:chen

prototype方法会使属性或方法一直存在代码段当中;但是不能实例化对象,只能实例化属性或对象!

//混合方法
function app(name,size){
this.name=name;
this.size=size;
this.lookName=function(){
return this.name;
}
//把prototype方法放到函数里头
app.prototype.lookSize=function(){
return this.name;
}
}
var arr=new app('chen','20M');
delete arr.size;
alert(arr.size);//undefined
delete arr.lookSize;
alert(arr.lookSize());//chen

javascript对象的继承和Object对象

一、Object对象(对象的一个类可以从现有的类中派生,并且拥有现有的类的方法或是属性,这和过程叫做继承。被继承的类叫做父类或是基类,继承的类叫做子类。(一个对象拥有另一个对象的属性和方法))

优点:

提高代码的重用性

提高代码的可维护性

提高代码的逻辑性

a.constructor——返回对创建此对象的数组函数的引用

//++++++
function app(name,size){
this.name=name;
this.size=size;
this.lookName=function(){
return this.name;
}
app.prototype.lookSize=function(){
return this.name;
}
}
var arr=new app('chen','20M');
//+++++++
alert(arr.constructor); 结果:返回+号内的代码

b.Prototype 原型——对该函数对象的对象原型的引用。是函数对象的默认属性

var obj=new fun1();
function fun1 () {
this.name="zhangsan";
}
alert(obj.prototype); 结果:undefined
alert(fun1.prototype); 结果:object

对象的共享属性存放到代码段当中。

可以实现继承

//hasOwnProperty(property)
//判断一个对象是否有你给出名称的属性或对象
var obj=new fun1();
function fun1 () {
this.name="zhangsan";
}
alert(obj.hasOwnProperty("name")); 结果:true
//IsPrototypeOf(object)
//判断该对象是否为另一个对象的原型(用来检测对象的类型)
var arr=new Array();
var arc=new app();
function app(){ }
alert(app.prototype.isPrototypeOf(arc)) 结果:true
alert(app.prototype.isPrototypeOf(arr)) 结果:false

二、继承

//原型继承
function person(){
this.name="张三";
this.say=function () {
alert(this.name)
}
}
function student(){
}
student.prototype=new person();
var zhangsan=new student();
zhangsan.say(); 结果:张三
//call方法
function person () {
this.name="张三";
this.say=function () {
alert(this.name)
}
} function student () {
this.name="李四";
}
var ren=new person ();
var zhangsan=new student (); ren.say.call(zhangsan);
//apply方法,参数以数组形式
function person (name) {
this.name=name;
this.say=function () {
alert(this.name)
}
} function student () {
window.person.apply(this,["zhangsan"])
} var zhangsan=new student ();

javascript笔记整理(对象遍历封装继承)的更多相关文章

  1. JavaScript内置对象与原型继承

    (一)   理解JavaScript类定义 1>关于内置对象理解 console.log(Date.prototype.__proto__===Object.prototype    //tru ...

  2. javascript中的对象创建与继承

    js是一门基于原型的面向对象语言,与传统的面向对象如Java,C#相比,它在对象创建及继承上有自己独特的实现方式,本文主要描述js中对象创建及继承的一些实践. 1.对象创建 方式一:工厂模式创建对象 ...

  3. javascript笔记整理(对象的继承顺序、分类)

    Object.prototype.say=function(){ alert("我是顶层的方法"); } children.prototype=new parent(); pare ...

  4. javascript笔记整理(对象基础)

    一.名词解释 1.基于对象(一切皆对象,以对象的概念来编程) 2.面向对象编程(Object Oriented Programming,OOP) A.对象(JavaScript 中的所有事物都是对象) ...

  5. javascript笔记整理(DOM对象)

    DOM--document(html xml) object modle,document对象(DOM核心对象),document对象是 Window 对象的一部分,可通过window.documen ...

  6. javascript笔记整理(window对象)

    浏览器对象模型 (BOM--Browser Object Model),window对象是BOM中所有对象的核心 A.属性 1.(位置类型-获得浏览器的位置) IE:window.screenLeft ...

  7. javascript笔记整理(字符串对象)

    一.属性 1.length——字符串的长度(不区分中英文) var a="chen陈"; alert(a.length); //结果:5 2.constructor——对象的构造函 ...

  8. javascript笔记整理(数组对象)

    1.属性 a.length--设置或返回数组元素的数目 var a=[1,2,3,45,5]; alert(a.length=6) 结果:6 alert(a[5]) 结果:undefined b.co ...

  9. JavaScript笔记整理

    整理一篇工作中的JavaScript脚本笔记,不定时更新,笔记来自网上资料或者自己经验归纳. (1) 获取Url绝对路径 function getUrlRelativePath() { var url ...

随机推荐

  1. MyEclipse中spring MVC的配置

    ---恢复内容开始--- web.xml配置: <?xml version="1.0" encoding="UTF-8"?> <web-app ...

  2. python成长之路10

    断点续传   python2.7 多继承  py35多继承   socketserver源码     支持并发处理socket   i/o多路复用   上节回顾     socket          ...

  3. OC中的类型强制转换

    在Objective-C中,以数字格式组成的字符串经常需要转换为NSNumber对象后再使用.例如有一个字符串对象@"111.22",需要转为NSNumber对象,最简单的方法就是 ...

  4. 转:JavaScript定时机制、以及浏览器渲染机制 浅谈

    昨晚,朋友拿了一道题问我: a.onclick = function(){ setTimeout(function() { //do something ... },0); }; //~~~ 我只知道 ...

  5. VJGUI消息设计-兼谈MFC、QT和信号/槽机制

    星期六下午4点,还在公司加班.终于写完了下周要交工的一个程序. 郁闷,今天这几个小时写了有上千行代码吧?虽然大部分都是Ctrl-C+Ctrl-V,但还是郁闷. 作为一个有10年经验的MFC程序员,郁闷 ...

  6. php 用户访问菜单页面,必须登录,判断用户是否登录

    <pre name="code" class="python"># 本节课大纲: 一.空模块和空操作 1.空操作 function _empty($ ...

  7. Distinguishing Between Embedded and General-Purpose Computing

    标题:嵌入式系统与通用计算机系统的区别 To understand what falls into the category of embedded computing ,it is instruct ...

  8. VBS脚本病毒特点及如何防范3(转)

    5.Vbs病毒生产机的原理介绍 所谓病毒生产机就是指可以直接根据用户的选择产生病毒源代码的软件.在很多人看来这或许不可思议,其实对脚本病毒而言它的实现非常简单. 脚本语言是解释执行的.不需要编译,程序 ...

  9. android应用如何启动另外一个apk应用

    在开发的过程中,经常会遇到在一个应用中启动另外一个apk应用的情况 问题的核心点在于我们要拿到第三方apk的package名称跟class名称, 如:package名称是com.funcity.tax ...

  10. Centos6.5快速配置可用网卡

    原文链接: Centos6.5快速配置可用网卡 安装完成后,我们启动我们的系统,此时我们的系统,是没有连网的,IP设备,并没有被激活,如果我们使用ifconfig命令查看IP地址,就会发现,此刻的地址 ...