一、名词解释

1.基于对象(一切皆对象,以对象的概念来编程)

2.面向对象编程(Object Oriented Programming,OOP)

A.对象(JavaScript 中的所有事物都是对象)

B.对象的属性和行为

属性:用数据值来描述他的状态

行为:用来改变对象行为的方法

C.类

具有相同或相似的性质的对象的抽象就是类。对象的抽象,就是类,类的具体化(实例化)就叫做对象

二、创建对象

1.构造函数方法

function fun1 () {
alert(1);
}
var obj=new fun1();
alert(typeof obj); 弹出:1 -> object

2.Object方法

var obj=new Object();
alert(typeof obj); 弹出: object

 3.json方法(JavaScript Object Notation) 原生格式

var obj={};
alert(typeof obj);

三、如何添加属性和方法

如果属性的值是函数,我们叫做他是对象的方法,否则叫做是属性。调用对象的方法都会有一个返回值。

1.构造方法

A.声明的时候添加

function fc(){
//赋值
this.name="chen";
this.ac=function(){
alert(1);
return 2;
}
}
var fun=new fc();
alert(fun.ac()); //结果:1 -> 2

B.声明以后再添加

function fc(){
}
var fun=new fc();
//赋值
fun.name="chen";
fun.ac=function(){
alert(1);
return 2;
}
alert(fun.ac()); //结果:1 -> 2

2.Object方法

A.声明的时候添加

var fun=new Object();
function Object () {
//赋值
this.ac=function(){
alert(1);
return 2;
}
}
alert(fun.ac());

B.声明后再添加

var fun=new Object();
//赋值
fun.ac=function(){
alert(1);
return 2;
}
alert(fun.ac());

3.json方法

A.声明的时候添加

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

B.声明以后再添加

var obj={};
//赋值
obj.name='chen';
obj.red=function (){
alert(1);
return 2;
}
alert(obj.red());

 注意:最后一个添加的属性或方法不能有逗号(,);否则IE7,IE6下报错

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

四、访问对象的属性和方法

引用值.属性        
引用值.方法();

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

五、如何销毁对象(对象=null;)

javascript自己的垃圾回收机制,就是在对象没有引用的时候释放内存(销毁);

var obj={name:'chen',red:function(){
alert(1);return 2;
}};
obj=null;
alert(obj.red()); //会报错

六、如何删除对象的属性(delete)

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

javascript笔记整理(对象基础)的更多相关文章

  1. javascript笔记整理(对象遍历封装继承)

    一.javascript对象遍历 1.javascript属性访问 对象.属性名 对象['属性名'] var obj={name:'chen',red:function(){ alert(1);ret ...

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

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

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

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

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

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

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

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

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

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

  7. JavaScript笔记整理

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

  8. JavaScript自己整理的基础-01

    1.JavaScript 简介: JavaScript是互联网上最流行的脚本语言,所有现代的HTML都使用JavaScript.既然是脚本语言,那么它的特点就有一下三种: (1)弱类型: (2)解释型 ...

  9. javascript笔记整理(事件)

    一.事件驱动 1.事件javascript侦测到的用户的操作或是页面的一些行为(怎么发生的) 2.事件源引发事件的元素(发生在谁的身上) 3.事件处理程序对事件处理的程序或是函数 (发生了什么事) 二 ...

随机推荐

  1. 高级UNIX环境编程2

    perror("error:") ;  strerror 日历时间:time_t (1970.1.1开始的秒数)     struct timeval (秒数和微秒)  struc ...

  2. 转:JS线程和JS阻塞页面加载的问题

    前几日写了一篇文章,介绍了js阻塞页面加载的问题.当时是通过例子来验证的.今天,我介绍一下浏览器内核,从原理上介绍一下js阻塞页面加载的原因. 浏览器的内核是多线程的,它们在内核制控下相互配合以保持同 ...

  3. Qt分析:Qt中的两种定时器(可是QObject为什么要提高定时器呢,没必要啊。。。)

    Qt有两种定时器,一种是QObject类的定时器,另一种是QTimer类的定时器.   (1)QObject类的定时器   QObject类提供了一个基本的定时器,通过函数startTimer()来启 ...

  4. spring的定时执行代码 跑批

    最近公司上线了抽奖的活动,活动需求 1:每天凌晨更新状态,实现自动开启和关闭活动 2:活动结束自动抽取中奖号码 在这里提供spring的定时调度功能 1:首先是配置文件 在你的web.xml中,查看配 ...

  5. linux 命令之sar——监视系统状态

    摘要:在进行系统或者内核测试的时候,我们经常需要观察cpu利用率,缓冲区使用情况,文件读写情况等等.在linux系统下,我们可以用sar命令来达到这个要求. sar 命令行的常用格式: sar [op ...

  6. hdu 1875 畅通project再续

    链接:hdu 1875 输入n个岛的坐标,已知修桥100元/米,若能n个岛连通.输出最小费用,否则输出"oh!" 限制条件:2个小岛之间的距离不能小于10米,也不能大于1000米 ...

  7. UItexfile实时验证输入字符

    - (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementS ...

  8. c/c++内存分配方式(转)

    原文链接:http://blog.csdn.net/jing0611/article/details/4030237 1.内存分配方式 内存分配方式有三种: [1]从静态存储区域分配.内存在 程序编译 ...

  9. 【Web】java date 到 Oracle date 精确到时分秒

    有两种方法: java.util.Date startTime=new Date("2014/01/01 23:00:00"); 1.new Timestamp(startTime ...

  10. 转化为用欧几里得算法判断互质的问题D - Wolf and Rabbit

    Description There is a hill with n holes around. The holes are signed from 0 to n-1. A rabbit must h ...