javascript中面向对象思想的体现(一)
2016-01-31 19:43
597 查看
Javascript虽然是用于操作前台界面的补充语言,但是经过ajax视频学习,了解到在js中编写代码也可以遵循面向对象的思想,感到很新奇也很兴奋,下面对其进行总结:
(1)var obj1 = new Object() //通过new操作符来创建
(2)var obj2 = {} //通过{}来创建
这样就可以在js代码中创建简单的对象。
二、简单对象添加属性和方法
使用“.”操作符来完成属性的添加,属性的名称可以自己定义
//为对象添加属性
obj1.num = 1;
obj1.str = “string”;
//为对象添加方法
obj1.hello = function() {
Alert(“Hello!”)
}
有意思的是,属性值可以是前一个创建好的对象,如下:
//obj2的obj属性的值为obj1对象
obj2.obj = obj1;
三、简单对象的属性访问
方法一:点操作符
Alert(obj1.num);
//对于“二”中obj2的obj方法,可以继续通过点操作符访问obj1对象的方法
Alert(Obj2.obj.str);
Alert(obj2.obj.num);
Obj1.hello();
方法二:大括号形式
Alert(obj1[“num”]);
Alert(obj2[“obj”][“num”]);
obj1[“hello”](); //对于方法的调用,需要加上();
直接量的使用:通过对象直接量的方式定义包含属性的对象
//对象直接量定义方法,利用{},直接将对象和属性、方法创建完成
var obj3 = {
num:1;
str:"String";
hello:function() {
alert("hello");
}
};
(1)function Teacher() {} //注意类名大写
(2)var Teacher = function() {
//通过匿名函数形式来调用
}
在js中,优先推荐使用第二种类定义方式,因为这种格式可以用来区分类的定义和普通的function()的定义。
定义一个类的公有的属性和方法:
var Book= function(name) {
//此时的function 代表类中的构造函数,在使用了new 实例化Book之后,function方法就会执行
this.name = name;
//定义共有的方法
this.getName = function(){
return this.name;
}
//定义共有的方法
this.setName = function(nname) {
this.name = nname;
}
}
functionooTest() {
var teacher =new Teacher();
alert(teacherinstanceof Teacher); //判断teacher对象是否属于Teacher类,通过instanceof方法
Var book1 =new Book(); //相当于先创建一个简单对象,然后调用构造方法
Var book2 =new Book();
} 如此,这就是对于javascript中对于面向对象方向的思想的收获,在前台,对于代码的优化、效率的提高,就可以用得上。同时对于原型对象的理解,将在下一篇博客中说明。
简单对象操作
一、简单对象的创建(1)var obj1 = new Object() //通过new操作符来创建
(2)var obj2 = {} //通过{}来创建
这样就可以在js代码中创建简单的对象。
二、简单对象添加属性和方法
使用“.”操作符来完成属性的添加,属性的名称可以自己定义
//为对象添加属性
obj1.num = 1;
obj1.str = “string”;
//为对象添加方法
obj1.hello = function() {
Alert(“Hello!”)
}
有意思的是,属性值可以是前一个创建好的对象,如下:
//obj2的obj属性的值为obj1对象
obj2.obj = obj1;
三、简单对象的属性访问
方法一:点操作符
Alert(obj1.num);
//对于“二”中obj2的obj方法,可以继续通过点操作符访问obj1对象的方法
Alert(Obj2.obj.str);
Alert(obj2.obj.num);
Obj1.hello();
方法二:大括号形式
Alert(obj1[“num”]);
Alert(obj2[“obj”][“num”]);
obj1[“hello”](); //对于方法的调用,需要加上();
直接量的使用:通过对象直接量的方式定义包含属性的对象
//对象直接量定义方法,利用{},直接将对象和属性、方法创建完成
var obj3 = {
num:1;
str:"String";
hello:function() {
alert("hello");
}
};
类的操作
类的定义,格式如下:(1)function Teacher() {} //注意类名大写
(2)var Teacher = function() {
//通过匿名函数形式来调用
}
在js中,优先推荐使用第二种类定义方式,因为这种格式可以用来区分类的定义和普通的function()的定义。
定义一个类的公有的属性和方法:
var Book= function(name) {
//此时的function 代表类中的构造函数,在使用了new 实例化Book之后,function方法就会执行
this.name = name;
//定义共有的方法
this.getName = function(){
return this.name;
}
//定义共有的方法
this.setName = function(nname) {
this.name = nname;
}
}
functionooTest() {
var teacher =new Teacher();
alert(teacherinstanceof Teacher); //判断teacher对象是否属于Teacher类,通过instanceof方法
Var book1 =new Book(); //相当于先创建一个简单对象,然后调用构造方法
Var book2 =new Book();
} 如此,这就是对于javascript中对于面向对象方向的思想的收获,在前台,对于代码的优化、效率的提高,就可以用得上。同时对于原型对象的理解,将在下一篇博客中说明。
相关文章推荐
- JS小Demo实战之今天外卖点什么?(二)
- JavaScript 树
- JavaScript第一课——使用JavaScript
- js读取图片以及AJAX上传图片注意事项
- [Javascript] Redirect the browser using JavaScript
- JSON 解析
- JavaScript快速入门(四)
- JavaScript快速入门(三)
- JS获取几种URL地址的方法小结
- javascript console函数详解js开…
- js倒计时和js时钟
- ecshop transport.js和…
- 什么是JS事件冒泡?
- javascript38种小技巧,推荐新手查看
- javascript中的的getYear()问题
- Jsp 内置对象
- 重温JSP学习笔记--JSP动作标签
- json_encode 与 json_decode的区别
- 各种浏览器开启JavaScript脚本方法
- json城市下拉列表