`

javascript复习一 JavaScript的面向对象

阅读更多

以前自己仅是根据自己的编程经验来处理javascript,javascript的入门门槛儿较低,不用知道很多的细节就可以编码,以至于自己并没有系统的学习。最近想系统的学习一下,特记录如下。

  1. JavaScript 对象是字典

在javascript中对象是一组键值对,我们可以通过  "."或者 "[]" 来获取或者设置对象的属性。

1 var person = new Object();
2 person.name = "jerry";
3 person.age  = 28;
4
5 alert("名称:" + person.name + "  年龄" + person.age);

以上代码等效于下面的代码:

1 var person1 = {"name":"jerry","age":28};
2 alert("名称:" + person1.name + "  年龄" + person1.age);

这就是我们熟悉的JSON表示方法。

 

    2:给对象加入方法。

01 var person = new Object();
02 person.name = "jerry";
03 person.age  = 28;
04
05 person.sayHello = function(msg)
06 {alert(msg)};
07 //alert("名称:" + person.name + "  年龄" + person.age);
08
09 var person1 = {"name":"jerry","age":28
10 ,"sayHello":function(msg)
11 {alert(msg);}
12 };
13 person1.sayHello("hello word");
14
15 person.sayHello("hello word");

3:用functions来封装对象

1 function person(name)
2 {
3     this.name = name;
4     this.sayHello = function()
5     {alert(this.name);};
6 }
7 var p = new person("jeffry");
8 p.sayHello();




 

0
1
分享到:
评论

相关推荐

    复习JavaScript面向对象技术

    NULL 博文链接:https://justsee.iteye.com/blog/1172108

    JavaScript打开与关闭窗口案例.pdf

    JavaScript打开与关闭窗口案例.pdf 学习资料 复习资料 教学资源

    Java面向对象程序设计复习题附答案.doc

    Java面向对象程序设计复习题附答案.doc

    最新Javascript高级教程

    第七页 你的面向对象的虚拟宠物 第八页 计算字符串 第九页 获取难以索引的对象 第十页 另一种获取难以索引的对象的手段 第十一页 第四天课程复习 第5课 第一页 JavaScript高级教程- 第5天 第二页 打印变量 ...

    面向对象技术Java期末复习考试试卷(三).docx

    面向对象技术Java期末复习考试试卷(三).docx

    面向对象技术Java-期末复习试卷(三).doc

    面向对象技术Java-期末复习试卷(三).doc

    JavaScript(JS).xmind

    内容概要:javascript是一门跨平台,面向对象的脚本语言,用来控制网页行为,可以使得网页可交互 适合范围:基础薄弱,考试前复习 文件打开方式:xmind

    百度java贪吃蛇源码百度-JavaScriptAdvanced8:JavaScript高级联系新版

    理解面向对象开发思想 - 掌握 JavaScript 面向对象开发相关模式 - 掌握在 JavaScript 中使用正则表达式 - typora-copy-images-to media --- JavaScript 高级 课程介绍 课程大纲 在线地址: 目标 理解面向对象开发...

    es6面向对象详细总结,超全超详细

    包含es6的超详细内容,是自己学习总结来的,适合于和我一样的学习前端的人,可以深入了解或者复习一下es6,这个word文档中包含《 类、构造函数和原型对象、原型链查找机制、this指向问题、继承、扩展内置对象、es5...

    《JavaScript函数式编程》读后感

    在自己学习的过程中一直听到身边的人说面向过程编程和面向对象编程,而函数式就非常少。为了自己不要落后于其他同学的脚步,故想以写笔记的方式去分享和记录自己阅读中所汲取的知识。 js 和函数式编程 书中用了一句...

    prototypal-oo-reviewing-javascript-prototypal-inheritance-quiz-online-test-2018

    :JavaScript的本机面向对象模型是什么? (X)原型()基于类()ES2016标准()原型 ?:由工厂函数创建的对象与构造函数创建的对象之间的主要区别是: ()Factory函数无法使用方法创建对象(X)构造函数的创建...

    值类型与引用类型理论内容.part01.rar

    <br>第一阶段教学内容安排(200课时) 课程名称 课程内容 培训目的 C# 基本语法、面向对象的思想、数据结构和算法以及设计模式(120课时) 详细介绍.Net Framework、C# 基本语法、编程规范和编程技巧、...

    值类型与引用类型理论内容.part05.rar

    <br>第一阶段教学内容安排(200课时) 课程名称 课程内容 培训目的 C# 基本语法、面向对象的思想、数据结构和算法以及设计模式(120课时) 详细介绍.Net Framework、C# 基本语法、编程规范和编程技巧、...

    中美 IT 培训 C# Asp.net 全套笔记1

    C# 基本语法、面向对象的思想、数据结构和算法以及设计模式(120课时) 详细介绍.Net Framework、C# 基本语法、编程规范和编程技巧、面向对象的认识问题和分析问题的思想、以及数据结构和常用算法,学习单件模式、...

    中美 IT 培训 C# Asp.net 笔记2

    C# 基本语法、面向对象的思想、数据结构和算法以及设计模式(120课时) 详细介绍.Net Framework、C# 基本语法、编程规范和编程技巧、面向对象的认识问题和分析问题的思想、以及数据结构和常用算法,学习单件模式、...

    中美 IT 培训 C# Asp.net 笔记3

    C# 基本语法、面向对象的思想、数据结构和算法以及设计模式(120课时) 详细介绍.Net Framework、C# 基本语法、编程规范和编程技巧、面向对象的认识问题和分析问题的思想、以及数据结构和常用算法,学习单件模式、...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    JavaScript面向对象及原型 Dom选择器以及内容文本操作 Dom样式操作 Dom属性及创建标签 Dom提交表单及其他 Dom事件操作 Dom事件操作补充 Dom绑定时间的另外一种方式 JavaScript 词法分析解析 前端学习方法分享 ...

    Javascript玩转继承(二)

    毋庸置疑,这种方式是比较容易理解的,在子类中调用父类的构造函数。另外,这种方法最大的一个优点就是说构造...但是这种方式也有着这样和那样的缺点:熟悉面向对象的我们来看这样一段C#代码: 代码如下:classProgr

    udacity_frontend_p4_arcade-game

    该项目涉及一些面向对象JavaScript和使用HTML5 Canvas来创建简单的动画游戏。档案文件index.html:包含结构以及对JavaScript和CSS的调用style.css:包含样式图像(文件夹):包含用于渲染游戏的所有png图像app.js:...

    计算机全国等级考试二级资料(C语言+MySql+Java+Web).rar

    Java编程技术: 学习Java语言的面向对象编程。 Web开发技术: 了解Web开发的基本原理、HTML、CSS、JavaScript等前端技术。 阅读建议: 系统备考: 根据考试大纲和自身情况,制定合理的备考计划,按照计划有条不紊地...

Global site tag (gtag.js) - Google Analytics