JS教程:学习笔记之JS类

背景：接触JavaScript快两年了。从最开始对她充满着好奇，到现在的学习了许多关于她的框架。朋友问我：都有这么多框架，你为何还要去学最底层的面向对象呢？其实这个问题：另一个朋友已经替我回答了。无论以后框架在怎么变，只要了解底层的原理，学起来都是很容易上手的。好了，我们开始学习了。

1、    创建对象：

var obj = new Object();//第一种方式。

var obj = {};//第二种方法。顺带一句可以通过var arr = [] 来创建数组

2、    给对象的属性赋值

nahao.gender = ''male'';

nahao.yearOfBirth = 1989;

nahao.name = ''Topcss''; //对象的属性也可以叫做对象的成员。像普通的变量一样，JS对象的属性可以是是字符串，数组，数字，甚至可以是对象或者是函数。

3、    给对象添加方法其实对象的属性如果是函数，那么这个属性就可以叫做对象的方法

nahao.gender = ''male'';

nahao.yearOfBirth = 1989;

nahao.name = ''Topcss'';

nahao.info = function(){

var str = ''姓名：'' +

this.name + '',性别：'' +

this.gender + '',出生年：'' +

this.yearOfBirth;

alert(str);

}

nahao.info();

4、    我们可以使用下面的简略语法定义上面的对象：

var nahao = {

gender : ''male'',

yearOfBirth : 1989,

name : ''Topcss'',

info : function(){

var str = ''姓名：'' + this.name + '',性别：'' + this.gender + '',出生年：'' + this.yearOfBirth;

alert(str);

}

};//如果调用nahao.info()，将会得到和上面一样的结果。需要注意的是，属性之间使用逗号隔开，最后一个属性之后没有逗号。

5、 构造函数构造函数可以帮助我们来缩减代码量。首先，构造函数也是一个函数。雏形如下：

function Person(){}/和定义普通的函数没有什么区别。下面就来向Person构造函数中添加内容：

function Person(name,gender,yearOfBirth,site){

this.name = name;

this.gender = gender;

this.yearOfBirth = yearOfBirth;

this.site = site;

this.info = function(){

var str = ''姓名：'' + this.name + '',性别：'' + this.gender

+ '',出生年：'' + this.yearOfBirth + ''网站:'' + this.site;

alert(str);

}

}//这样，构造函数就完成了。我们现在就可以使用如

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!