22-JavaScript-面向对象-构造函数-prototype

ゝ一世哀愁。 2022-09-18 07:52 235阅读 0赞

\- 构造函数  
\- 成员函数  
\- prototype

# 1. 成员函数 的介绍 #

小明 --> 人的实例  
  
属性: 身高 体重 ...  
行为: 吃饭 睡觉 唱歌 ...  
  
成员函数就是用来描述对象的行为的

# 2. 构造函数 -- 描述 小明 #

function Person(name, height, weight) {
            
            this.name = name;
            this.height = height;
            this.weight = weight;
    
            this.show = function() {
                return this.name + "  " + this.height + "  " + this.weight;
            }
    
            this.eat = function(food) {
                return this.name + " is eating " + food;
            }
    
            this.sleep = function() {
                return this.name + " like sleeping!";
            }
    
            this.sing = function(song) {
                return this.name + " like singing " + song;
            }
    
        }
    
        var p = new Person("小明", "170cm", "50kg");
    
        console.info( p.show() );
    
        console.info( p.eat( "apple" ) );
    
        console.info( p.sleep() );
    
        console.info( p.sing( "哇哈哈" ) );

# 3. 注 #

①每个Person类的实例, 都会有各自的 eat() sleep() 函数代码  
对实例属性和方法的改变, 不会影响到其他的实例.  
但, 这会造成内存的额外消耗. 如图  
![SouthEast][]  
②可以使用 "==", 判断对象的方法的地址是否相等  
  
③可使用原型的方式来使每个实例共享函数代码.

# 4. 给单独对象追加方法 #

function Person() \{  
\}

##  1) 方式一 ##

function func() {
            // do something
        }    
    
        var p = new Person();
        p.show = func;

##  2) 方式二 ##

var p = new Person();
        p.show = function() {
            // do something
        };

##  3) 对象间互不影响 ##

function Person() {
            this.name = "123";
        }
    
        var p1 = new Person();
        var p2 = new Person();
    
        console.info( p1.name );    // 123
        console.info( p2.name );    // 123
    
        p1.name = "AAA";
    
        console.info( p1.name );    // AAA
        console.info( p2.name );    // 123
    
        var p3 = new Person();      
        console.info( p3.name );    // 123

# 5. 让所有对象共享同一个函数 -- prototype #

##  1) 说明 ##

prototype, 相当于Java的static,  
修饰的属性/方法是属于类的.

##  2) 语法 ##

ClassName.prototype.propertyName = propertyValue;

ClassName.prototype.methodName = method;

##  3) 举例 ##

function Dog() {
            
            this.eat = function() {
                return "a dog is eating!";
            };
    
            Dog.prototype.bark = function() {
                return "a dog is singing!!!";
            };
        }
    
        var d1 = new Dog();
        var d2 = new Dog();
    
        console.info( d1.eat == d2.eat );   // false
    
        console.info( d1.bark == d2.bark ); // true
    
        console.info( d1.bark() );
        console.info( d2.bark() );
    
        // 更改模板
        Dog.prototype.bark = function() {
            return "heihei, I'm a Cat!!!!!!"
        }
    
        console.info( d1.bark() );
        console.info( d2.bark() );
    
        // false
        // true
        // a dog is singing!!!
        // a dog is singing!!!
        // heihei, I'm a Cat!!!!!!
        // heihei, I'm a Cat!!!!!!

[SouthEast]: /images/20220828/e63b7ee6efe843b8a575c3fc67eb25ab.png

发表评论取消回复

表情：

评论列表（有 0 条评论，235人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript 面向对象之工厂模式与构造函数详解

面向对象什么是面向对象？所谓的面向对象，是一种编程思想，编程思路，代码的书写格式。之前为了简化代码，我们是将程序封装为函数的形式来调用函数会有一些小问

朱雀/ 2023年07月24日 14:56/ 0 赞/ 128 阅读

相关面向对象构造函数

面向对象面向对象概念对象：万物皆对象 1、属性：特点、特征、特性变量名词 2、方法：功能函数动词编程方式：过程化（面向过程编程）面向

阳光穿透心脏的1/2处/ 2023年02月24日 15:23/ 0 赞/ 163 阅读

相关 c#面向对象- 构造函数

现在在一个类中，又增加了一个新的成员，构造函数，其它换可以有：字段、属性、方法。构造函数：作用：帮助我们，初始化对象（给对象的属性一次赋值），这样做更快捷、方

亦凉/ 2022年12月12日 02:10/ 0 赞/ 194 阅读

相关 22-JavaScript-面向对象-构造函数-prototype

\- 构造函数 \- 成员函数 \- prototype 1. 成员函数的介绍小明 --> 人的实例属性: 身高体重 ...

ゝ一世哀愁。/ 2022年09月18日 07:52/ 0 赞/ 236 阅读

相关 Javascript面向对象编程（三）：非构造函数的继承

Javascript面向对象编程（三）：非构造函数的继承作者： [阮一峰][Link 1] 日期： [2010年5月24日][2010_5_24] 这个系列的[第一

Bertha 。/ 2022年06月07日 12:52/ 0 赞/ 209 阅读

相关 Javascript面向对象编程（二）：构造函数的继承

作者： [阮一峰][Link 1] 日期： [2010年5月23日][2010_5_23] 这个系列的[第一部分][Link 2]，主要介绍了如何"封装"数据

秒速五厘米/ 2022年06月07日 12:52/ 0 赞/ 221 阅读

相关 JavaScript原型Prototypes和构造函数 Constructor

前言 `JavaScript` 不包含传统的类继承模型，而是使用 `prototypal` 原型模型。虽然这经常被当作是 `JavaScript` 的缺点被提及，其实

ゝ一纸荒年。/ 2022年05月28日 01:42/ 0 赞/ 241 阅读

相关 JavaScript构造函数和prototype

构造函数和prototype 约定的构造函数以大写字母开始构造函数没有返回值使用new产生对象给构造函数的对象添加方法如下的构造函数:

忘是亡心i/ 2022年05月04日 09:57/ 0 赞/ 216 阅读

相关 javascript 面向对象 new 关键字原型链构造函数

JavaScript面向对象 JavaScript 语言使用构造函数（constructor）作为对象的模板。所谓”构造函数”，就是专门用来生成实例对象的函数。它就是对象的

偏执的太偏执、/ 2022年03月19日 14:16/ 0 赞/ 242 阅读

相关 Javascript面向对象编程：构造函数的继承

今天要介绍的是，对象之间的"继承"的五种方法。比如，现在有一个"动物"对象的构造函数。 > 　　function Animal()\{ > > 　　　　this.sp

矫情吗；*/ 2021年09月14日 06:54/ 0 赞/ 408 阅读