21-JavaScript-面向对象-对象的属性和方法以及this

曾经终败给现在 2022-09-18 07:52 252阅读 0赞

\- 对象的属性(私有/公有)  
\- 对象的方法(私有/公有)  
\- this

# 0. 语法 #

function ClassName() {
        
        var variableName1;  // 私有属性
        
        this.variableName2; // 公有属性
    
        function func1() {  // 私有方法
            // do something
        }
    
        this.func2 = function() {   // 公有方法
            // do something
        }
    
    }

# 1. 为什么需要 this #

当实例化一个对象后,该对象自动拥有某些属性.

##  1) this 修饰类的 属性/方法 ##

则 该 属性/方法 是 公有的

##  2) this 修饰私有方法内的变量 ##

则 this代表 调用该私有方法的实例

# 2. 引入 #

function Student() {
            this.number = "A001";   // 公有属性
            this.name = "张三";   
        }
    
        var stu1 = new Student();
    
        console.info( stu1.number ); // A001
        console.info( stu1.name );   // 张三

# 3. 私有属性 与 公有方法(特权方法) #

function Student() {
            
            var name = "李四";    // 私有属性
    
            this.getName = function() { // 公有方法
                return name;
            }
    
        }
    
        var stu = new Student();
    
        console.info( stu.name );   // undefined
        console.info( stu.getName() );  // 李四

# 4. 私有方法 内部使用 #

# 5. this 代表谁 #

this代表调用者.  
this只能在类的方法中使用

##  1) 示例1 ##

this代表Student的实例

function Student() {
            this.getName = function() {
                return this.name;
            }
        }
    
        var stu = new Student();
    
        stu.name = "赵六";
        console.info( stu.getName() );  // 赵六

##  2) 示例2 ##

this代表window对象

function showValue() {
            return this.value;
        }
    
        var value = 123;
        // <==> window.value = 123;
        // <==> this.value = 123;
    
        console.info( showValue() );    // 123
        // <==> console.info( window.showValue() );
        // <==> console.info( this.showValue() );