javascript面向对象设计

今天面试被考官问道javascript的面向对象设计，傻了眼，对面向对象不够了解

网上摘了个教程多少有些启发：

“

我们知道Javascript中的变量定义基本如下：

　　var name = 'Chen Hao';;

　　var email = 'haoel(@)hotmail.com';

　　var website = 'http://coolshell.cn';

　　如果要用对象来写的话，就是下面这个样子：

　　var chenhao = {

　　name :'Chen Hao',

　　email : 'haoel(@)hotmail.com',

　　website : 'http://coolshell.cn'

　　};

　　于是，我就可以这样访问：

　　//以成员的方式

　　chenhao.name;

　　chenhao.email;

　　chenhao.website;

　　//以hash map的方式

　　chenhao["name"];

　　chenhao["email"];

　　chenhao["website"];

　　关于函数，我们知道Javascript的函数是这样的：

　　var doSomething = function(){

　　alert('Hello World.');

　　};

　　于是，我们可以这么干：

　　var sayHello = function(){

　　var hello = "Hello, I'm "+ this.name

　　+ ", my email is: " + this.email

　　+ ", my website is: " + this.website;

　　alert(hello);

　　};

　　//直接赋值，这里很像C/C++的函数指针

　　chenhao.Hello = sayHello;

　　chenhao.Hello();

　　相信这些东西都比较简单，大家都明白了。 可以看到javascript对象函数是直接声明，直接赋值，直接就用了。runtime的动态语言。

　　还有一种比较规范的写法是：

　　//我们可以看到， 其用function来做class。

　　var Person = function(name, email, website){

　　this.name = name;

　　this.email = email;

　　this.website = website;

　　this.sayHello = function(){

　　var hello = "Hello, I'm "+ this.name + ", \n" +

　　"my email is: " + this.email + ", \n" +

　　"my website is: " + this.website;

　　alert(hello);

　　};

　　};

　　var chenhao = new Person("Chen Hao", "haoel@hotmail.com",

　　"http://coolshell.cn");

　　chenhao.sayHello();

　　顺便说一下，要删除对象的属性，很简单：

　　delete chenhao['email']

　　上面的这些例子，我们可以看到这样几点：

　　◆ Javascript的数据和成员封装很简单。没有类完全是对象操作。纯动态!

　　◆ Javascript function中的this指针很关键，如果没有的话，那就是局部变量或局部函数。

　　◆ Javascript对象成员函数可以在使用时临时声明，并把一个全局函数直接赋过去就好了。

　　◆ Javascript的成员函数可以在实例上进行修改，也就是说不同实例相同函数名的行为不一定一样。

”

原文地址：http://www.php100.com/html/webkaifa/javascript/2012/0202/9754.html