文章列表
JavaScript:this 是什么?
定义:this是包含它的函数作为方法被调用时所属的对象。
说明:这句话有点咬嘴,但一个多余的字也没有,定义非常准确,我们可以分3部分来理解它!
1、包含它的函数。2、作为方法被调用时。3、所属的对象。
看例子:
function to_green(){
<!--CRLF-->
this.style.color="green";
<!--CRLF-->
}
<!--CRLF-->
to_green();
<!--CRLF-->
上面函 ...
先来讲讲静态类数组(类数组):
JavaScript是一个弱类型的语言,但是我们可以通过不同的方式来侧面的实现类的创建,不管是工厂函数、函数原型还是静态类,均可实现模拟类,每一种都有它的特点。
静态类数组即 ...
在Javascript中构建一个类有好几种方法:
1.Factory 方式
复制代码 代码如下:
function createCar(){
var car = new Object();
car.color=”b”;
car.length=1;
car.run=function(){alert(”run”);}
return car;
}
定义这么一个函数之后,就可以用:
var car1 = createCar();
var car2 = createCar();
来创建新的对象,这种方式的问题是每一次创建一个car对象,run Func ...
1) 如何创建对象: 1. 使用constructor,例如: var obj = new Object() // var 可以省略 var obj = new Date() 2. 使用对象字面值(object literals),例如: 程序代码 var obj = "123" // 创建一个String对象 var obj = /^abc$/ //创建一个RegExp对象 更加复杂的情况是,我们可以直接生成一个自定义的只有属性的对象: 程序代码 var obj = { name:"killercat", home:"www.i170.com/ ...
学过java,c#,vb的都知道类的概念,而类具有继承、封装、多态等功能。而javascript它不是面向对象语言,它是解释性语言。 但我们同样可以使用javascript来实现继承、多态。 javascript实现类,有多种方法。 方法一:构造方法。 代码
复制代码 代码如下:
function coder(){ this.name = '小王'; this.job = '程序员'; this.coding = function () { alert('我正在写代码'); } } var coder=new coder(); alert(coder.name); coder.codin ...
javascript来定义类的规范小结使用javascript来定义类的规范如下:
指定类名与构造函数,类名(构造函数名)首字母大写: 复制代码 代码如下:function YourClass(){ }
使用"this.成员变量"在其构造函数内定义(伪)私有成员,最好约定(伪)私有成员都以“_”开头小写字母组成。这种成员是每个对象都有自己的副本,也叫对象(实例)成员。 复制代码 代码如下:function Yourclass(_arg1,_arg2,...){ this._arg1=arg1; this._arg2=arg2; //... }
使用“类名.prot ...
情景一:
var yx01 = new function() {return "圆心"};
alert(yx01);
我们运行情景一代码,将返回显示“[object object] ”,此时该代码等价于:
function 匿名类(){
return "圆心";
}
var yx01 = new 匿名类();
alert(yx01);我们对情景一的代码进行下面改造:
var yx01 = new function() {return new String("圆心")};
alert(yx01 ...
JS 面向对象的5钟写法
- 博客分类:
- javascript
Java代码
复制代码 代码如下:
//第1种写法
function Circle(r) {
this.r = r;
}
Circle.PI = 3.14159;
Circle.prototype.area = function() {
return Circle.PI * this.r * this.r;
}
var c = new Circle(1.0);
alert(c.area());
Java代码
复制代码 代码如下:
//第2种写法
var Circle = function() {
var obj = new Obje ...
JavaScript中对象的创建有以下几种方式:
(1)使用内置对象
(2)使用JSON符号
(3)自定义对象构造
一、使用内置对象
JavaScript可用的内置对象可分为两种:
1,JavaScript语言原生对象(语言级对象),如String、Object、Function等;
2,JavaScript运行期的宿主对象(环境宿主级对象),如window、document、body等。
我们所说的使用内置对象,是指通过JavaScript语言原生对象的构造方法,实例化出一个新的对象。如:
复制代码 代码如下:
var str = new St ...
这个系列的第一部分介绍了"封装",第二部分介绍了使用构造函数实现"继承"。
今天是最后一个部分,介绍不使用构造函数实现"继承"。
一、什么是"非构造函数"的继承?
比如,现在有一个对象,叫做"中国人"。
复制代码 代码如下:
var Chinese = {
nation:'中国'
};
还有一个对象,叫做"医生"。
复制代码 代码如下:
var Doctor ={
career:'医生'
}
...
这个系列的第一部分,主要介绍了如何"封装"数据和方法,以及如何从原型对象生成实例。
今天要介绍的是,如何生成一个"继承"多个对象的实例。
比如,现在有一个"动物"对象的构造函数,
复制代码 代码如下:
function Animal(){
this.species = "动物";
}
还有一个"猫"对象的构造函数,
复制代码 代码如下:
function Cat(name,color){
this.name = name;
...
学习Javascript,最难的地方是什么?
我觉得,Object(对象)最难。因为Javascript的Object模型很独特,和其他语言都不一样,初学者不容易掌握。
下面就是我的学习笔记,希望对大家学习这个部分有所帮助。我主要参考了
以下两本书籍:
《面向对象的Javascript》(Object-Oriented JavaScript)
《Javascript高级程序设计(第二版)》(Professional JavaScript for Web Developers, 2nd Edition)
它们都是非常优秀的Javascript读物,推 ...
js中不论是定义类或者函数,很多朋友想将代码写的更专业,更方便扩展等,那么就可以参考这篇文章了,最好是总结,建议大家收藏下。
提起面向对象我们就能想到类,对象,封装,继承,多态。在《javaScript高级程序设计》 ...
Js构造函数&工厂函数
- 博客分类:
- javascript
//1,工厂函数&构造函数
//例1。
//工厂方式:
function CreateCar()
{
var tempCar = new Object;
tempCar.color = "red";
tempCar.doors = 4;
temCar.mpg = 23;
tempCar.showColor = function(){ alert(this.color); }
}
//构造函数:
function Car(sColor,Doors,Mpg)
{
...
function Cart()
{
function el(id) { return document.getElementById(id); };
//將字符串拼接
function string() { var list = new Array(); for(var i=0; i<arguments.length; i++) { list.push(arguments[i]) } return list.join(""); };
var _this = this;
//init方法
Cart. ...