JavaScript面向对象详解

简介:

一、认识面向对象

    1.面向对象中的概念:

     (1)一切事物皆对象

     (2)对象具有封装和继承特性

     (3)信息隐藏


二、JS面向对象      

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
( function (){
     var  n =  "yelven2"
     function  Person(name){
         var  _this = {}
         _this._name = name;
         _this.sayHello =  function (){
         alert( "PHello" +_this._name+n);
         }
     return  _this;
     }
     window.Person = Person;
}());
 
function  Teacher(name){
     var  _this = Person(name);
     var  superSay = _this.sayHello;
     _this.sayHello =  function (){
         superSay.call(_this);
         alert( "THello" +_this._name);
     }
     return  _this;
}
var  t = Teacher( "yeleven" );
t.sayHello();


本文转自yeleven 51CTO博客,原文链接:http://blog.51cto.com/11317783/1794385

相关文章
|
4月前
|
JavaScript 前端开发 Java
深入JS面向对象(原型-继承)(三)
深入JS面向对象(原型-继承)
47 0
|
4月前
|
JavaScript 前端开发 Java
深入JS面向对象(原型-继承)(一)
深入JS面向对象(原型-继承)
51 0
|
12月前
js- 面向对象进阶
Object.defineProperty等面向对象的信息
|
12月前
|
存储 JavaScript 前端开发
|
3月前
|
设计模式 JavaScript 前端开发
【JavaScript】深入浅出JavaScript继承机制:解密原型、原型链与面向对象实战攻略
JavaScript的继承机制基于原型链,它定义了对象属性和方法的查找规则。每个对象都有一个原型,通过原型链,对象能访问到构造函数原型上的方法。例如`Animal.prototype`上的`speak`方法可被`Animal`实例访问。原型链的尽头是`Object.prototype`,其`[[Prototype]]`为`null`。继承方式包括原型链继承(通过`Object.create`)、构造函数继承(使用`call`或`apply`)和组合继承(结合两者)。ES6的`class`语法是语法糖,但底层仍基于原型。继承选择应根据需求,理解原型链原理对JavaScript面向对象编程至关重要
76 7
【JavaScript】深入浅出JavaScript继承机制:解密原型、原型链与面向对象实战攻略
|
4月前
|
前端开发 JavaScript
前端 JS 经典:Class 面向对象
前端 JS 经典:Class 面向对象
23 1
|
4月前
|
JavaScript 前端开发
JavaScript 原型链继承:掌握面向对象的基础
JavaScript 原型链继承:掌握面向对象的基础
|
4月前
|
JavaScript 前端开发 API
在Node.js上使用dojo库进行面向对象web应用开发
请注意,虽然这个例子在Node.js环境中使用了Dojo,但Dojo的许多功能(例如DOM操作和AJAX请求)在Node.js环境中可能无法正常工作。因此,如果你打算在Node.js环境中使用Dojo,你可能需要查找一些适用于服务器端JavaScript的替代方案。
56 0
|
4月前
|
JSON JavaScript 前端开发
深入JS面向对象(原型-继承)(四)
深入JS面向对象(原型-继承)
41 0
|
4月前
|
设计模式 JavaScript 前端开发
深入JS面向对象(原型-继承)(二)
深入JS面向对象(原型-继承)
59 0