本文总结了JavaScript中实现面向对象的两种常见方式。第一种通过对象字面量直接定义属性与方法;第二种利用函数引用结合this关键字,演示了全局与对象上下文的切换,并介绍了apply和call方法的调用技巧。
JavaScript面向对象实现概述
本文实例总结了JavaScript中实现面向对象编程的几种典型方式,旨在为读者提供实用的参考与学习思路。
对象字面量定义法
第一种实现方式如下所示:
var person = {
name: 'hello world',
age: 22,
sayHello:function(){
alert('I\'m 'this.name ',and I\'m ' this.age 'years old');
}
};
person.sayHello();//I'm hello world, and I'm 22 years old
函数引用与上下文切换
第二种实现方式如下所示:
window.color = "red";
var o = { color: "blue"};
function sayColor(){
alert(this.color);
}
sayColor(); //"red"
o.sayColor = sayColor;
o.sayColor(); //"blue"
//也可以使用apply和call
sayColor.apply(o);//"blue"
sayColor.call(o);//"blue"
希望上述内容能对各位在JavaScript程序设计方面有所帮助。