javascript笔记整理(对象基础)

时间:2022-06-11 21:43:06

一、名词解释

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. Oracle 表分组 group by和模糊查询like

    分组group by写法 select 字段名 from 表名 group by 字段名 查询这个字段名里的种类分组后可以加聚合函数select 字段名,聚合函数 from 表名 group by 字 ...

  2. ModernUI教程:MEF应用向导

    本文主要说明在Modern UI框架下使用MEF的必要步骤,关于MEF请自行脑补. MEF-INTO-MUI实例代码下载: MefMuiApp.zip 1:创建一个导出属性 ModernFrame用来 ...

  3. mysql-异常Incorrect string value: '\xF0\x9F...' for column 'XXX' at row 1

    这个问题,原因是UTF-8编码有可能是两个.三个.四个字节.Emoji表情或者某些特殊字符是4个字节,而Mysql的utf8编码最多3个字节,所以数据插不进去. 网上摘抄的问题解决方案:http:// ...

  4. ThinkPHP CURD方法盘点:limit方法

    limit方法也是模型类的连贯操作方法之一,主要用于指定查询和操作的数量,特别在分页查询的时候使用较多.ThinkPHP的limit方法可以兼容所有的数据库驱动类的. 用法 限制结果数量 例如获取满足 ...

  5. [LeetCode] 28. Implement strStr() 解题思路

    Implement strStr(). Returns the index of the first occurrence of needle in haystack, or -1 if needle ...

  6. USACO Prime Palindromes 构造回文数

    这道题目一点也不卡素数的判断 就是朴素的sqrt(n) 也不卡 所以~放心的用吧. 构造回文的时候看了HINT 其中是这么写的: Generate palindromes by combining d ...

  7. cocoapod升级版本

    原文 http://blog.csdn.net/sing_sing/article/details/49762359 该方法好用 sudo gem install -n /usr/local/bin ...

  8. 使用com.aspose.words将word模板转为PDF乱码解决方案(window下正常)

    最近在做电子签名过程中,需要将合成的电子签名的word文件(正常)转换为pdf文件时,在开发平台window下转换没有问题,中文也不会出现乱码.但是将项目部署到正式服务器(Linux)上,转换出来的p ...

  9. windows10安装tensorflow的gpu版本(pip3安装方式)

    前言: TensorFlow 有cpu和 gpu两个版本:gpu版本需要英伟达CUDA 和 cuDNN 的支持,cpu版本不需要:本文主要安装gpu版本. 1.环境 gpu:确认你的显卡支持 CUDA ...

  10. 2015 UESTC 搜索专题C题 基爷与加法等式 爆搜DFS

    基爷与加法等式 Time Limit: 20 Sec  Memory Limit: 256 MB 题目连接 http://acm.uestc.edu.cn/#/contest/show/61 Desc ...