javascript面向对象快速入门实例
本文深入浅出的讲述了javascript面向对象快速入门实例。分享给大家供大家参考。具体如下:
javascript面向对象入门案例:
<script language="javascript" type="text/javascript">
function Cat(){//js中对象的定义与函数一样,不同点在于怎么样调用。
}
var cat1 = new Cat();//创建类实例
//js中类属性可以动态添加,并不需要写在原型对象内。js对象没有类这个概念,而是称为原型对象
cat1.name = "小狗";
cat1.age = 4;
cat1.color="白色";
document.write(cat1.name);
</script>
采用Object直接创建对象,更为常用。如 var cat1 = new 原型对象名()——>var cat1 = new Cat(),不需要先创建构造函数。
希望本文所述对大家的javascript程序设计有所帮助。
相关推荐
-
JavaScript使用Prototype实现面向对象的方法
本文实例讲述了JavaScript使用Prototype实现面向对象的方法.分享给大家供大家参考.具体分析如下: prototype 是 Function 对象的一个属性,这个属性指向另一个对象. 这个对象的所有属性和方法,都会被构造函数的实例继承. 同时 prototype 又存在一个指向构造函数的引用 constructor,这样就成功的构成一个循环引用的原型链结构. 我们可以把那些不变的属性和方法,直接定义在 prototype 对象上, 节省内存开销. function Cat(name
-
JavaScript面向对象的实现方法小结
本文实例总结了JavaScript面向对象的实现方法.分享给大家供大家参考.具体分析如下: 方法1: var person = { name: 'hello world', age: 22, sayHello:function(){ alert('I\'m 'this.name ',and I\'m ' this.age 'years old'); } }; person.sayHello();//I'm hello world, and I'm 22 years old 方法2: window
-
浅谈javascript面向对象程序设计
ECMA-262把对象定义为:"无序属性的 集合,其属性可以包含基本值.对象或者函数" 理解对象,最简单的方式就是通过创建一个Object的实例,然后为它添加属性和方法 复制代码 代码如下: var person = new Object(); person.name = "Xulei"; person.age = "23"; person.job = "前端工程师";
-
javascript面向对象之对象的深入理解
本文进一步分析讲述了javascript面向对象之对象的深入理解.分享给大家供大家参考.具体分析如下: javacript面向对象程序设计中,可以理解为一切都是对象.实例代码如下: 复制代码 代码如下: <script language="javascript" type="text/javascript"> function Cat(){ } var cat1 = new Cat();//创建类实例 cat1.name = "小狗"
-
JavaScript 面向对象与原型
ECMAScript有两种开发模式:1.函数式(过程化);2.面向对象(OOP); 一 创建对象 1.普通的创建对象 // 创建一个对象,然后给这个对象新的属性和方法; var box = new Object(); // 创建一个Object对象; box.name = 'lee'; // 创建一个name属性并赋值; box.age = 100; box.run = function(){ // 创建一个run()方法并返回值; return this.name+this.age+'运行中.
-
javascript面向对象之this关键词用法分析
本文实例分析了javascript面向对象之this关键词用法.分享给大家供大家参考.具体分析如下: 当需要初始化某个属性时,可以在原型对象内使用this关键词.如下面实例: 复制代码 代码如下: <script language="javascript" type="text/javascript"> function Person(){ this.name = "王美人"; this.age = 25; }; var p1 =
-
javascript面向对象之访问对象属性的两种方式分析
本文实例分析了javascript面向对象之访问对象属性的两种方式.分享给大家供大家参考.具体如下: javascript面向对象的访问对象属性的两种方式.如下代码所示: 复制代码 代码如下: <script language="javascript" type="text/javascript"> function Person(){}; var p1 = new Person(); p1.name="王美人"; document.
-
javascript面向对象之定义成员方法实例分析
本文实例分析了javascript面向对象之定义成员方法.分享给大家供大家参考.具体如下: javascript面向对象,定义成员方法如下所示: 复制代码 代码如下: <script language="javascript" type="text/javascript"> function Person(name,age){ this.name = name; this.age = age; this.show = function(){ d
-
javascript面向对象快速入门实例
本文深入浅出的讲述了javascript面向对象快速入门实例.分享给大家供大家参考.具体如下: javascript面向对象入门案例: 复制代码 代码如下: <script language="javascript" type="text/javascript"> function Cat(){//js中对象的定义与函数一样,不同点在于怎么样调用. } var cat1 = new Cat();//创建类实例 //js中类属性可以动态添加,并不需要写在原
-
hibernate4快速入门实例详解
Hibernate是什么 Hibernate是一个轻量级的ORMapping框架 ORMapping原理(Object RelationalMapping) ORMapping基本对应规则: 1:类跟表相对应 2:类的属性跟表的字段相对应 3:类的实例与表中具体的一条记录相对应 4:一个类可以对应多个表,一个表也可以对应对个类 5:DB中的表可以没有主键,但是Object中必须设置主键字段 6:DB中表与表之间的关系(如:外键)映射成为Object之间的关系 7:Object中属性的个数和名称可
-
Vue.js快速入门实例教程
什么是vue vue是法语中视图的意思,Vue.js是一个轻巧.高性能.可组件化的MVVM库,同时拥有非常容易上手的API. 一.基本结构 index.html代码: <script src="../vue.js"></script> <div id="app"> {{ message }} </div> <script src="app.js"></script> <
-
JavaScript面向对象编程入门教程
尽管面向对象JavaScript与其他语言相比之下存在差异,并由此引发了一些争论,但毋庸置疑,JavaScript具有强大的面向对象编程能力 本文先从介绍面向对象编程开始,然后回顾JavaScript对象模型,最后演示JavaScript中的面向对象编程概念. JavaScript回顾 如果你对诸如变量(variables).类型(types).函数(functions).以及作用域(scope)等JavaScript概念觉得心里没底,那么你可以阅读重新介绍JavaScript中的这些主题.你还
-
javascript 面向对象的经典实例代码
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] JavaScript面向对象编程http://www.jb51.net/article/13661.htm
-
javascript JSON操作入门实例
JSON的规则很简单: 对象是一个无序的"'名称/值'对"集合.一个对象以"{"(左括号)开始,"}"(右括号)结束.每个"名称"后跟一个":"(冒号):"'名称/值' 对"之间使用","(逗号)分隔.具体细节参考http://www.json.org/json-zh.html 这篇有个入门的文章,也可以参考下 JSON 学习之完全手册图文举个简单的例子: js 代码
-
JavaScript sup方法入门实例(把字符串显示为上标)
sup 方法返回使用 HTML sup 标签属性定义的上标字符串.其语法如下: 复制代码 代码如下: str_object.sup() 提示:该方法不符合 ECMA 标准,不建议使用. sup 方法实例: 复制代码 代码如下: <script language="JavaScript"> document.write( '我们' + '每一点进步,都是我们通往成功道路上的坚实脚印'.sup() ); </script> 运行该例子,输出: 复制代码 代码如下:
-
ThinkPHP快速入门实例教程之数据分页
数据分页可能是web编程里最常用到的功能之一.ThinkPHP实现分页功能十分简洁.只需要定义几个参数就可以实现.并且扩展也十分方便. 下面让我们从零开始实现ThinkPHP的分页程序吧. 1.首先,我们得创建一个用于分页测试的数据库 test.sql代码如下. CREATE TABLE `test` ( `id` int(10) unsigned NOT NULL auto_increment, `name` char(100) NOT NULL, `content` varchar(300)
-
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
JavaScript charCodeAt 方法 charCodeAt 方法用于从字符串中取得指定位置字符的 Unicode 编码.其语法如下: 复制代码 代码如下: str_object.charCodeAt( x ) 参数说明: 参数 说明 str_object 要操作的字符串(对象) x 必需.表示位置的数字 提示:字符串是从 0 开始计数的. charCodeAt 方法实例 复制代码 代码如下: <script language="JavaScript"> docu
-
JavaScript strike方法入门实例(给字符串加上删除线)
JavaScript strike 方法 strike 方法返回使用 HTML strike 标签属性定义的删除线样式的字符串.其语法如下: 复制代码 代码如下: str_object.strike() 提示:该方法不符合 ECMA 标准,不建议使用. strike 方法实例 复制代码 代码如下: <script language="JavaScript"> var str = "www.jb51.net"; document.write( str.st
随机推荐
- JS中类或对象的定义说明
- ExtJS 工具栏 分页事件参数
- shell脚本操作oracle删除表空间、创建表空间、删除用户
- Android中Dialog自定义上下文花式菜单
- 详解用vue.js和laravel实现微信授权登陆
- Java模拟新浪和腾讯自动登录并发送微博
- Vagrant基本命令使用详解
- MongoDB快速入门笔记(七)MongoDB的用户管理操作
- javascript中的onkeyup和onkeydown区别介绍
- jQuery异步获取json数据方法汇总
- node.js调用C++开发的模块实例
- node.js中格式化数字增加千位符的几种方法
- 详解spring security 配置多个AuthenticationProvider
- Android拦截外拨电话程序示例
- Linux下Android开发环境搭建的操作方法
- django框架实现一次性上传多个文件功能示例【批量上传】
- JS实现textarea通过换行或者回车把多行数字分割成数组并且去掉数组中空的值
- python判断数字是否是超级素数幂
- 使用jdbcTemplate查询返回自定义对象集合代码示例
- MySQL InnoDB 二级索引的排序示例详解