`

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面向对象技术

    原型是JavaScript面向对象的另一个关键特性。每个JavaScript对象都有一个内部`[[Prototype]]`,通常可以通过`__proto__`或`Object.getPrototypeOf`访问。原型链使得对象能够继承其他对象的属性和方法。通过`...

    《UML面向对象技术》期末复习吐血整理.pdf

    在面向对象技术的复习中,MVC(Model-View-Controller)架构是核心概念之一,这是一种将业务逻辑、用户界面和数据访问分离的设计模式。复习时要清楚各组件的职责,理解如何在Web应用中运用MVC模式。 6. RUP...

    传智播客_张孝祥_JavaScript4_JavaScript语法

    - 类与继承:引入了类的概念,支持面向对象编程。 - 模块:使用`import`和`export`进行模块化管理。 - async/await:简化异步编程,提供更清晰的控制流。 本教程详细讲解了JavaScript的核心语法,适合初学者入门...

    JavaScript微课素材.rar

    每章的内容可能是递进的,从基础的DOM操作到复杂的异步编程和面向对象编程。 6. **实战应用** 在学习过程中,结合提供的图片和代码示例,学生可以动手实践,模拟真实项目的开发流程。这不仅锻炼了代码编写能力,还...

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

    面向对象技术是编程的核心概念,Java 语言是其典型代表之一。在Java中,类是对象的蓝图,它定义了对象的属性和行为。在Java编程中,源文件的命名规则至关重要,对于一个公共类(public class),源文件名必须与类名...

    400多种Javascript应用实例源码.rar

    7. **面向对象编程**:JavaScript也支持面向对象编程,包括构造函数、原型链、类等概念,实例会展示如何创建和使用对象。 8. **ES6及更高版本的新特性**:包括箭头函数、模板字符串、解构赋值、Promise、Async/...

    JavaScript经典案例共享

    8. **面向对象编程**:JavaScript支持构造函数、原型链和类,可用于创建复杂的应用程序结构。 9. **ES6新特性**:包括箭头函数、模板字符串、let和const、解构赋值、类和模块等,这些都是现代JavaScript开发中不可...

    JavaScript王者归来 随书源码

    这本书涵盖了JavaScript的基础语法、高级特性、DOM操作、BOM处理、AJAX异步通信、事件处理、函数编程、面向对象编程等多个方面的内容。现在我们来详细探讨一下这些知识点。 1. **基础语法**:JavaScript的基础包括...

    《JavaScript高级应用》复习试题.rar

    7. **类(Classes)**:ES6引入了基于原型的类语法,尽管它本质上仍然是函数,但提供了更接近传统面向对象编程的语法糖。 8. **生成器(Generators)**:生成器允许创建可暂停和恢复的函数,用于处理大量数据或进行...

    《JavaScript入门经典(第6版)》┊ Phil Ballard PDF

    这部分内容是JavaScript面向对象编程的基础,也是理解和使用许多高级特性的前提。 书中还涵盖了事件处理和DOM操作,这是JavaScript与网页交互的核心。通过学习这些内容,读者可以理解如何响应用户的点击、键盘输入...

    JavaScript高级程序设计2,学习笔记---第一篇

    总的来说,JavaScript高级程序设计涵盖了从基础语法到面向对象编程的广泛内容,结合前端开发实践,可以构建出功能丰富的交互式网页应用。不断学习和实践这些知识,将有助于提升你的前端开发技能。

    JavaScript全集

    理解原型和继承是掌握面向对象编程的关键。 5. **异步编程**:JavaScript的异步模型基于事件循环和回调函数,随着ES6的发布,引入了Promise和async/await,提供了更加简洁的处理异步操作的方式。 6. **DOM操作**:...

    javascript教材

    7. **原型和继承**:JavaScript的原型链机制使得对象之间可以共享属性和方法,实现面向对象编程。了解`__proto__`、`prototype`以及`Object.create`等与原型相关的知识点,有助于深入理解JavaScript的继承机制。 8....

    精通JavaScript+jQuery(实例)

    17. 面向对象编程:深入理解面向对象的编程思想和JavaScript中的实现。 18. 模块化与打包工具:了解模块化开发和Webpack等打包工具的使用。 19. 最新趋势与前沿技术:探讨React、Vue等现代前端框架,了解Web开发的...

    精通JavaScript PDF

    2. **对象与原型**:JavaScript基于原型的面向对象特性,如何创建对象,原型链的工作原理,以及构造函数和实例之间的关系。 3. **闭包**:理解闭包的概念,它是如何形成的,以及在内存管理中的作用,如何利用闭包...

    现代JavaScript教程

    在对象和类部分,你将学习到JavaScript的面向对象编程,包括原型继承、构造函数、类(ES6新增)等概念。此外,模块系统(如CommonJS、ES6模块)让你能够组织代码,实现代码重用和封装。 接下来,探索ES6及后续版本...

    最新Javascript高级教程

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

    30天javascript

    8. **JavaScript面向对象编程**:理解构造函数、原型和实例,以及类的继承和多态。 9. **错误处理**:学习如何捕获和处理运行时错误,以及使用try...catch语句。 10. **性能优化**:了解如何编写高性能的...

    JavaScript入门课件与笔记

    6. **原型与继承**:JavaScript的面向对象特性主要通过原型链来实现,理解原型、构造函数、实例、继承等概念有助于创建复杂的程序结构。 7. **ES6及以上的新特性**:包括箭头函数、模板字符串、解构赋值、Promise、...

Global site tag (gtag.js) - Google Analytics