JavaScript面向对象之类的创建
JavaScript对象的定义：
在js中函数极为对象，对象分为二种：对象字变量产生的对象连接到Object.prototype；函数对象连接到Function.prototype
方法：当一个函数被保存为对象的一个属性时，我们称它为一个方法。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JavaScript中的类</title>
<script type="text/javascript">
//-------第一种:函数自变量
// 创建Object类的实例,所有直接用花括号括起来的都属于Object类，这种创建的类不用实例化
//!!!不推荐使用
var obj = {
property:'this is a property.',
method:function(){
return 'I am a method.'
}
};
// 调用方法：
console.info('property：'+obj.property+'\nmethod：'+obj.method()); //---------------第二种：函数对象
// 自定义类:其实在JavaScript中一个函数就是一个类,调用的时候必须进行实例化 -->可以使用
// ！每个实例化的类都会有三个属性，只是其中一个属性是方法而已
function User(name,age){ // 虽然对类名没有强制要求，但建议类名进行大写
// 创建属性
this.name = name ;
this.age = age ;
//创建方法
this.getInfo = function(){
// 获得实例的变量必须加上this
return 'name-->'+this.name+'\nage-->'+this.age ;
}
}
// 调用方法
// 实例化
var user = new User() ;
console.info(user.getInfo()); //基于prototype进行创建 每个实例化的对象都公用统一的方法 -->强烈推荐使用
// 性能上和维护方面都是最好的
function Person(name,age){
this.age = age ;
this.name = name ;
}
Person.prototype.getInfo = function(){
return 'name-->'+this.name+'\nage-->'+this.age ;
};
// 调用方法
// 实例化
var person = new Person();
console.info(person.getInfo()); </script>
</head> <body>
<button onclick="javascript:alert('属性：'+obj.property+'\n方法：'+obj.method())" >第一：创建Object类的实例(不推荐)</button>
<button onclick="javascript:alert(new User('tom',12).getInfo())" >第二：自定义类(可以使用)</button>
<button onclick="javascript:alert(new Person('tom',12).getInfo())" >第三：基于原型prototype(推荐使用)</button> </body>
</html>
JavaScript面向对象之类的创建的更多相关文章
- JavaScript面向对象—对象的创建和操作
JavaScript面向对象-对象的创建和操作 前言 虽然说在JavaScript编程语言中,函数是第一公民,但是JavaScript不仅支持函数式编程,也支持面向对象编程.JavaScript对象设 ...
- javascript面向对象 用new创建一个基于原型的javascript对象
//创建一个类 其实就是个对象 var Student={ name:"robot", height:1.6, run:function(){ console.log(this.n ...
- JavaScript面向对象—继承的实现
JavaScript面向对象-继承的实现 前言 面向对象的三大特性:封装.继承和多态.上一篇我们简单的了解了封装的过程,也就是把对象的属性和方法封装到一个函数中,这一篇讲一下JavaScript中继承 ...
- JavaScript学习笔记(三)——this、原型、javascript面向对象
一.this 在JavaScript中this表示:谁调用它,this就是谁. JavaScript是由对象组成的,一切皆为对象,万物皆为对象.this是一个动态的对象,根据调用的对象不同而发生变化, ...
- JavaScript学习总结(三)——this、原型、javascript面向对象
一.this 在JavaScript中this表示:谁调用它,this就是谁. JavaScript是由对象组成的,一切皆为对象,万物皆为对象.this是一个动态的对象,根据调用的对象不同而发生变化, ...
- javascript面向对象系列第三篇——实现继承的3种形式
× 目录 [1]原型继承 [2]伪类继承 [3]组合继承 前面的话 学习如何创建对象是理解面向对象编程的第一步,第二步是理解继承.本文是javascript面向对象系列第三篇——实现继承的3种形式 [ ...
- javascript面向对象系列第一篇——构造函数和原型对象
× 目录 [1]构造函数 [2]原型对象 [3]总结 前面的话 一般地,javascript使用构造函数和原型对象来进行面向对象编程,它们的表现与其他面向对象编程语言中的类相似又不同.本文将详细介绍如 ...
- Javascript面向对象(封装、继承)
Javascript 面向对象编程(一):封装 作者:阮一峰 Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象.但是,它又不是一种真正的面向对象编程( ...
- 【转】javascript面向对象编程
摘要:本文本来是想自己写的,奈何花了好长时间写好之后忘记保存,还按了刷新键,一键回到解放前,索性不写了,所以本文是转载的. 面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式,主要包括模块化. ...
随机推荐
- [Matlab] Attempt to execute SCRIPT *** as a function
Attempt to execute SCRIPT *** as a function 问题: 在运行MATLAB程序的时候,出现如题的报错. 原因: 在系统中,现有的.m文件有的与***函数重名,所 ...
- RequireJS入门（一）
RequireJS由James Burke创建,他也是AMD规范的创始人. RequireJS会让你以不同于往常的方式去写JavaScript.你将不再使用script标签在HTML中引入JS文件,以 ...
- python字符串（移除空白，长度，索引，分割，切片，拼接，格式化输出）
常用功能: 移除空白: >>> name = "meng" >>> name 'meng' >>> name.strip() ...
- python标准库基础之mmap：内存映射文件
#作用:建立内存映射文件而不是直接读取内容文本信息内容:如下(名称是text.txt) Lorem ipsum dolor sit amet, consectetuer adipiscing elit ...
- UIImagePickerController从拍照、图库、相册获取图片
iOS 获取图片有三种方法: 1. 直接调用摄像头拍照 2. 从相册中选择 3. 从图库中选择 UIImagePickerController 是系统提供的用来获取图片和视频的接口: 用UIImage ...
- NYOJ128 前缀式计算 【栈】
前缀式计算 时间限制:1000 ms | 内存限制:65535 KB 难度:3 描写叙述 先说明一下什么是中缀式: 如2+(3+4)*5这样的我们最常见的式子就是中缀式. 而把中缀式按运算顺序加上 ...
- 绘制更Smooth的UI
以前很长一段时间,在自定义控制绘制时,只是简单的定义一个QPainter对象而开始绘画.经常会画一些圆角矩形,甚至是一些不规则的图形.对于不规则的图形来说,如果PS技术不好,或者mask制作的不好,常 ...
- BootStrap-validator 使用记录(JAVA SpringMVC实现)
BootStrap 是一个强大的前面框架,它用优雅的方式解决了网页问题.最近正在使用其开发网站的表单验证,一点体会记录如下: 注:本文中借鉴了博客Franson 的文章<使用bootstrapv ...
- Java中书写要注意的地方
Java的命名规则:以字母.下划线(_)或$符号开头,其后跟任意数目的字母.数字.下划线和$符号. 注意: 数字不能作为标识符的开头: 除了下划线与$符号以外,其余的符号不能使用: 不能使用关键字作 ...
- js中完数的输出
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...