JavaScript对象及初始面向对象
一.对象
- 在javascript中,所有的事物都是对象,如字符串,数值,数组,函数,日期等。。。。。
- 在javascript中,对象是拥有属性和方法的数据,属性是与对象相关的值,方法是能够在对象上执行的动作。
- 在javascript中是通过一种叫做原型的方式来实现面对对象编程的。
(一).创建对象
1. 内置对象
在javascript中的内置对象是一种特殊的数据。
常见的内置对象
- String(字符串)对象
- Date(日期)对象
- Array(数组)对象
- Boolean(逻辑)对象
- Math(算数)对象
-RegExp对象
2.自定义对象
与java中创建对象一样,创建自定义对象的最简单的方法就是使用操作符new创建一个Object的实例,然后通过".",为其添加属性和方法。
(1).基于Objecg对象的方式创建对象
1.自定义对象的语法:var 对象名=new Object();对象名.属性名="属性的值"; 对象名.函数名=function(){//函数语句;}
2.示例
var parson=new Object();parson.name="郎晓明";parson.age=18;parson.work="中国内地男演员,歌手";parson.address="中国北京海淀区";parson.show= function () {document.write("姓名 :"+parson.name+"<br/>年龄:"+parson.age+"<br/>工 作:"+parson.work+"<br/>住址:"+parson.address);}parson.show(); //调用show方法;
(2).使用字面量赋值的方式在定义对象的时候为其添加属性和方法。
1.自定义对象的语法:
var 对象名={属性名:"属性的值",函数名:function(){//函数语句;}
}
2.示例
var parson={name:"郎晓明",age:18,work:"中国内地男演员,歌手";address:"中国北京海淀区";show:function () {document.write("姓名 :"+parson.name+"<br/>年龄:"+parson.age+"<br/>工 作:"+parson.work+"<br/>住址:"+parson.address);}
}parson.show(); //调用show方法;
二.构造函数和原型对象
(一).构造函数
构造函数可以用来创建特定类型的对象,只是一个普通的函数,但是内部使用了this变量,对构造函数使用new操作符,就能生成实例。并且this变量会绑定在实例对象上,从而定义自定义对象类型的属性和方法。
1.使用构造函数创建实例的步骤
(1).创建一个新对象。
(2).将构造函数的作用域赋给新对象(this就指向了这个对象)。
(3).执行构造函数中的代码。
(4).返回新对象。
2.创建构造函数
1.语法
function Person(参数1....){this.参数1=参数; this.函数名=function(){//函数语句;}
}
2.实例
function Person(minzu){this.minzu=minzu;this.getminzu=function(){document.write(this.minzu);}}
3.使用构造函数
var Person=new Person("汉族"):
Person.getminzu();
(二).原型对象
在JavaScript中创建的每个函数都有一个prototype属性,这个属性是一个指针,指向一个对象,而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。按照字面意思理解prototype 就是通过调用构造函数而创建的那个对象实例的原型对象,使用原型对象的好处就是可以让所有对象实例共享它所有的属性和方法,也就是说不必在构造函数中定义对象实例的信息,可以将这些信息直接添加到原型对象中。
Flower.prototype.name=“曼陀罗花”
JavaScript对象及初始面向对象相关推荐
- 4.JavaScript对象和初始面向对象
本章任务 创建person对象 创建Person构造函数 创建Person对象并画原型链图 创建继承Person的Student子类 本章目标 了解什么是对象和面向对象 会创建对象 理解什么是构造函数 ...
- JavaScript基础——第四章,JavaScript对象及初识面向对象
文章目录 JavaScript对象及初识面向对象 1.对象 1.1 对象的概念 1.2 内置对象 1.3 自定义对象 1.3.1 操作符new创建对象 1.3.2 使用字面量赋值的方式定义对象 2.构 ...
- javaScript对象及初识面向对象
1.创建对象 (1)自定义对象 语法:var 对象名称=new Object(); (2)内置对象 String(字符串)对象. Date(对象)对象 Array(数组)对象 Bollean(逻辑)对 ...
- JavaScript 对象总结
JavaScript 中的所有事物都是对象:字符串.数值.数组.函数... 此外,JavaScript 允许自定义对象 JavaScript 对象 对象只是一种特殊的数据.对象拥有属性和方法 访问对象 ...
- 悟透JavaScript - 对象素描
已经说了许多了许多话题了,但有一个很基本的问题我们忘了讨论,那就是:怎样建立对象? 在前面的示例中,我们已经涉及到了对象的建立了.我们使用了一种被称为JavaScript Object Notatio ...
- 悟透JavaScript(理解JS面向对象的好文章)
引子 编程世界里只存在两种基本元素,一个是数据,一个是代码.编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力. 数据天生就是文静的,总想保持自己固有的本色:而代码却天生活泼,总想改变这个 ...
- 我对javascript对象的理解
前言 JavaScript这门语言除了基本类型都是对象,可以说JavaScript核心就是对象,因此理解JavaScript对象及其种种特性至关重要,这是内功.本文介绍了我对es5对象,原型, 原型链 ...
- 如何正确克隆JavaScript对象?
我有一个对象x . 我想将其复制为对象y ,以使对y更改不会修改x . 我意识到,复制从内置JavaScript对象派生的对象将导致额外的不需要的属性. 这不是问题,因为我正在复制自己的文字构造对象之 ...
- JavaScript对象理解
1.对象 javascript对象:有助于组织信息 对象仅仅是一种特殊的数据类型?⒂涤幸幌盗械氖粜院头椒ā?lt;br /> 访问对象的属性:对象名.属性名 对象的方法调用:对象名.方法名() ...
最新文章
- java 操作 redis_java操作Redis
- ubuntu~vim操作
- java 内部类怎么new_[转]【Java】内部类(Inner Class)如何创建(new)
- linux不能ping通域名能ping通ip
- erlang精要(3)-变量、原子与布尔代数
- POJ 1155 TELE 背包型树形DP 经典题
- php html标签闭合,php截取字符串,完美html自动闭合
- 为了偷吃东西你能有多拼?! | 今日最佳
- python批量删除文件名_python批量删除文件名中的未知字符
- 啊u学科学计算机,动画 | 《阿U学科学》:开学啦!在游戏中学习科学知识吧
- 携程正式挂牌港交所 开盘涨近5%
- java color类 蓝色_java color类简介
- 想知道自己的物理内存地址都是如何分配的么?
- 冒险岛单机服务器修改,关于一树冒险岛单机技能 转数最新修改
- 安装完成后打开CAXACAD时出现的找不到mfc100u.dll等无法执行的问题
- ae合成设置快捷键_【教程】你不知道的全网最全ae快捷键【基础篇】
- 女孩假扮大学生跪地乞讨月入万元
- springboot整合mail邮箱
- 大一计算机虚拟机,虚拟机对电脑伤害大吗
- 读《史蒂夫•乔布斯传》(二)
热门文章
- 代理错误[WinError 10061]
- React和设计良好的jQuery插件并没有什么不兼容的问题。
- MacOs High Sierra 升级失败解决办法
- 【例4-4】最小花费
- eclipse和myeclipse中如何关闭自动补全括号,花括号,双引号等功能
- Java基础03 构造器与方法重载
- android学习日记16--GridView(网格视图)
- ASP.NET三层架构之不确定查询参数个数的查询
- nsfocus 十周年了 时间过得好快啊... 恭喜下...
- 【题解】弃疗Nim (2019,5.23)