[JS]如何理解JS中的类和对象
--------------------------------------------------------------------------------------------
变量:自由的 => 属性:属于一个对象
函数:自由的 => 方法:属于一个对象
函数:
function a()
{
console.log('a');
}
方法:
var arr = [1, 2, 3, 4];
arr.a = function()
{
console.log('a');
}
===================================================
简单的例子:
var arr = new Array(1, 2, 3);
这里的Array就是类,arr就是对象。
理解this:
arr = [1, 2, 3, 4];
arr.a = 5;
arr.showA = function()
{
console.log(this.a); //this为arr
}
oDiv.onclick = function()
{
console.log(this); //this为oDiv
}
this:当前发生事件的对象,当前方法属于谁就代表谁。
===================================================
混合方式构造对象:
原则 => 构造函数:加属性
原型:加方法
对象命名规范 => 类名首字母大写
function CreatePerson(name, sex) //构造函数
{
//成员属性
this.name = name,
this.sex = sex,
}
CreatePerson.prototype.showName = function() //在原型里加方法
{
console.log('My Name Is ' + this.name);
}
CreatePerson.prototype.showSex = function()
{
console.log('My Sex Is ' + this.sex);
}
var obj = new CreatePerson('Cw', 'male');
var obj2 = new CreatePerson('Girl', 'female');
console.log(obj.showName == obj2.showName); //true;
//同一方法,不同对象,如果不使用原型添加则不相等
//原型属于类,在对象中加入自己的属性、方法,原型修改将对已有对象产生影响。
//给对象添加方法,影响当前; 给原型添加方法,影响一类。原型的缺陷:无法限制覆盖。
===================================================
为对象添加方法和属性(注意):
事件处理中this的本质 => window
方法属于谁
不能在系统对象中随意附加方法、属性,否则会覆盖已有方法、属性。
object对象(空的)
其它对象:Date,Array,RegExp
function createPerson(name, sex) //构造函数
{
var obj = new Object(); //创建对象
obj.name = 'Cw'; //添加
obj.sex = 'male';
obj.showName = function()
{
console.log('My Name Is ' + this.name);
}
obj.showSex = function()
{
console.log('My Sex Is ' + this.sex);
}
obj.showName();
obj.showSex();
return obj; //返回对象
}
var obj = createPerson('Cw', 'male');
obj.showName();
obj.showSex();
缺点:如果要创建多个对象,多次调用方法,对象方法重复创建。
===================================================
工厂方式:调用函数前加new,系统自动创建一个空对象并返回
function createPerson(name, sex)
{
this.name = 'Cw';
this.sex = 'male';
this.showName = function()
{
console.log('My Name Is ' + this.name);
}
}
var obj = new createPerson('Cw', 'male');
原型的使用:
var arr = new Array(12, 13);
var arr2 = new Array(14, 15);
Array.prototype.sum = function()
{
var result = 0;
for(var i = 0; i < this.length; i++)
{
result += this[i];
}
return result;
}
console.log(arr.sum());
console.log(arr2.sum());
Link: http://www.cnblogs.com/farwish/p/4055675.html
------------------------------------www.farwish.com------------------------------------
[JS]如何理解JS中的类和对象的更多相关文章
- python中的类,对象,方法,属性等介绍
注:这篇文章写得很好.加底纹的是我自己的理解 python中一切皆为对象,所谓对象:我自己就是一个对象,我玩的电脑就是对象,坐着的椅子就是对象,家里养的小狗也是一个对象...... 我们通过描述属性( ...
- 深入理解Java中的不可变对象
深入理解Java中的不可变对象 不可变对象想必大部分朋友都不陌生,大家在平时写代码的过程中100%会使用到不可变对象,比如最常见的String对象.包装器对象等,那么到底为何Java语言要这么设计,真 ...
- Java学习笔记十三:Java中的类和对象
Java中的类和对象 一:什么是对象: 总的来说就是"万物皆对象",客观存在的事物皆为对象.是计算机所关注的具体信息. 对象(object)是一件事.一个物体.一个名词,或可以获得 ...
- Java程序设计基础笔记 • 【第7章 Java中的类和对象】
全部章节 >>>> 本章目录 7.1 理解类和对象 7.1.1 对象 7.1.2 抽象与类 7.1.3 类与对象的关系: 7.2 Java中的类和对象 7.2.1 类的定义 ...
- 【PHP】PHP中的类与对象
面向对象并不是PHP的关键,但PHP确实能很好的支持面向对象编程,而且类与对象也成为了PHP5的核心组成部分.PHP的面向对象特性让构建大型的复制应用成为可能,有了类与对象,就自然产生了各种编程范式和 ...
- 【JAVA零基础入门系列】Day11 Java中的类和对象
今天要说的是Java中两个非常重要的概念--类和对象. 什么是类,什么又是对象呢?类是对特定集合的概括描述,比如,人,这个类,外观特征上,有名字,有年龄,能说话,能吃饭等等,这是我们作为人类的相同特征 ...
- Python Cookbook(第3版)中文版:15.19 从C语言中读取类文件对象
15.19 从C语言中读取类文件对象¶ 问题¶ 你要写C扩展来读取来自任何Python类文件对象中的数据(比如普通文件.StringIO对象等). 解决方案¶ 要读取一个类文件对象的数据,你需要重复调 ...
- js中对类和对象的理解
类 :对一群具有相同特征的对象的集合的描述:对象:真实存在的对象个体: **面向对象,而不是面向类. 1.一切皆对象,继承靠原型链,多态靠弱类型,封装--虽然可以靠闭包,但我个人更推崇和python一 ...
- js中的类和对象以及自定义对象
js中的类 1.类的声明 function Person(name,age){ this.name=name; this.age=age; this.test=function(a){ alert(a ...
- 理解Python中的类对象、实例对象、属性、方法
class Animal(object): # 类对象 age = 0 # 公有类属性 __like = None # 私有类属性 def __init__(self): # 魔法方法 self.na ...
随机推荐
- system调用导致子进程socket句柄泄漏问题分析
问题引出:A进程与B进程各自独立,都是服务器进程,常驻系统,互不相干.在某次重启A进程后,发现由于固定监听的端口被占用而无法启动.检查,发现是B进程占用了该端口,检查B进程代码,没有相关的打开该固定端 ...
- 把SAS批提交添加到鼠标右键
下载注册表管理工具:RegSeeker Portable v2.57 中文绿色便携版 在RegSeeker中搜索:batch
- C#连接数据库最基本操作之sql语句 DML
C#连接数据库最基本操作之sql语句 DML //1 连接字符串 string connectionString = "server=127.0.0.1;integrated securit ...
- Spring MVC 处理异常
SpringMVC处理异常: 1 使用@ExceptionHandler注解 只有ModelAndView可以携带错误信息 @ExceptionHandler public ModelAndView ...
- 第11章 拾遗4:IPv6(2)_给计算机配置IPv6地址
4. 给计算机配置IPv6地址 4.1 无状态自动配置IPv6地址 (1)网络拓扑 ①无状态地址自动配置是指不需要DHCP服务器进行管理,由客户端向路由器发送前缀请求(RS)询问其所在网段.路由器收到 ...
- 2012年第三届蓝桥杯Java本科组省赛试题解析
题目地址:https://wenku.baidu.com/view/326f7b4be518964bcf847c96.html?rec_flag=default => 百度文档 题目及解析 ...
- httpd-2.4.6
1.基础 安装: [root@tri manual]# yum install httpd-manual httpd 源码编译: configure配置选项 配置选项 默认值 备注 -prefix ...
- 《GPU高性能编程CUDA实战》第五章 线程并行
▶ 本章介绍了线程并行,并给出四个例子.长向量加法.波纹效果.点积和显示位图. ● 长向量加法(线程块并行 + 线程并行) #include <stdio.h> #include &quo ...
- stage的划分
stage的划分是以shuffle操作作为边界的,遇到一个宽依赖就分一个stage 一个Job会被拆分为多组Task,每组任务被称为一个Stage就像Map Stage, Reduce Stage.S ...
- 读取配置文件properties的几种方式
介绍几种读取方式:参考:https://www.cnblogs.com/sebastian-tyd/p/7895182.html .基于ClassLoder读取配置文件 注意:该方式只能读取类路径下的 ...