Javascript This

由 cachy 创建,youj 最后一次修改 2017-01-06

Javascript面向对象设计 - Javascript This

对象方法

我们可以与添加属性相同的方式向对象添加方法。

在下面的代码中,book变量被赋予一个具有name属性的对象常量和一个名为writeLine的方法。

var book = { 
    name : "Javascript", 
    writeLine : function() { 
        console.log(book.name); 
    } 
}; 

book.writeLine();        

上面的代码生成以下结果。

This 对象

JavaScript中的每个范围都有一个 this 对象,它表示函数的调用对象。

在全局范围内,这代表全局对象,例如web浏览器中的 window 对象。

当附加到对象时调用函数时,默认情况下,此值等于该对象。

我们可以重写前面例子中的代码来使用:

var book = { 
    name : "Javascript", 
    writeLine : function() { 
        console.log(this.name); 
    } 
}; 

book.writeLine();       

上面的代码生成以下结果。


function writeLineForAll() { /* www.w3cschool.cn */
    console.log(this.name); 
} 

var book1 = { 
    name : "Javascript", 
    writeLine : writeLineForAll 
}; 

var book2 = { 
    name : "CSS", 
    writeLine : writeLineForAll 
}; 

var name = "HTML"; 

book1.writeLine();     
book2.writeLine();    

writeLineForAll();     

上面的代码生成以下结果。



以上内容是否对您有帮助:
前端工作常用布局完全指南
二维码
建议反馈
二维码