简单学习JavaScript面向对象编程
2015-11-09 16:08
344 查看
JavaScript是一种弱类型语言。有一种原型机制。
1、创建一个空对象:var bill = {};
给这个对象添加属性和方法:
bill.name = "Bill E Goat";
bill.sound = function() {
console.log( 'bahhh!' );
};
调用对象的属性和方法:
alert(bill.name);
bill.sound();
2、一般情况我们都不这样创建对象的,通常都是创建对象的同时,给他添加属性和方法。(接下来我们以这种情况作为例子)
如:
var bill = {
name: "Bill E Goat",
sound: function() {
console.log( 'bahhh!' );
}
};
调用方式也是一样:
alert(bill.name);
bill.sound();
这样调用的方式阅读起来直观明了,不容易混淆。
3、重写一下当前的sound方法,并添加一个参数。
bill.sound = function(noise) {
console.log(noise);
};
调用带参数的sound方法:bill.sound("带参数");
而此时不带参数的sound方法就不能调用了。它已经被重写(覆盖)了。
javascript不支持函数的重载,不像java那样,javascript支持可变参数个数。js不支持重载,但是他也不会报错。
4、给该对象添加方法并访问对象的属性。
bill.sayName = function() {
console.log( "Hello " + this.name );
};
bill.sayName();
在方法中可以通过this.propertyName来访问该对象的属性值。this所指的对象就是调用该方法的对象。这个和java一样。
1、创建一个空对象:var bill = {};
给这个对象添加属性和方法:
bill.name = "Bill E Goat";
bill.sound = function() {
console.log( 'bahhh!' );
};
调用对象的属性和方法:
alert(bill.name);
bill.sound();
2、一般情况我们都不这样创建对象的,通常都是创建对象的同时,给他添加属性和方法。(接下来我们以这种情况作为例子)
如:
var bill = {
name: "Bill E Goat",
sound: function() {
console.log( 'bahhh!' );
}
};
调用方式也是一样:
alert(bill.name);
bill.sound();
这样调用的方式阅读起来直观明了,不容易混淆。
3、重写一下当前的sound方法,并添加一个参数。
bill.sound = function(noise) {
console.log(noise);
};
调用带参数的sound方法:bill.sound("带参数");
而此时不带参数的sound方法就不能调用了。它已经被重写(覆盖)了。
javascript不支持函数的重载,不像java那样,javascript支持可变参数个数。js不支持重载,但是他也不会报错。
4、给该对象添加方法并访问对象的属性。
bill.sayName = function() {
console.log( "Hello " + this.name );
};
bill.sayName();
在方法中可以通过this.propertyName来访问该对象的属性值。this所指的对象就是调用该方法的对象。这个和java一样。
相关文章推荐
- 怎么用javascript获取浏览器滚动条宽度
- JSP总结(经典)
- JS通过get、post向jsp传递中文出现乱码的问题的解决
- js控制手机号码中间用星号代替
- javascript 权威指南——笔记2
- JS使用模板快速填充HTML控件数据 --- 自己写组件(0)
- JavaScript边学边记
- js中substring和substr两者区别和使用方法
- 中国城市个城市json数据-服务与highMaps
- js车牌号校验
- 全面理解面向对象的 JavaScript
- JavaScript基础——变量、作用域和内存问题
- 浅析js中substring和substr的方法
- JS中的prototype
- Servlet对Ajax中请求处理及Json串的解析
- JSON入门之二:org.json的基本用法
- js#0基本概念
- 如何处理JSON数据中含有双引号
- JS构造函数与原型
- 使用javascript打印九九乘法表