基于JavaScript自定义构造函数的详解说明_基础知识

Javascript并不像Java、C#等语言那样支持真正的类。但是在js中可以定义伪类。做到这一点的工具就是构造函数和原型对象。首先介绍js中的构造函数。

Javascript中创建对象的语法是在new运算符的后面跟着一个函数的调用。如

复制代码 代码如下:

 var obj = new Object();
 var date = new Date();

运算符new首先创建一个新的没有任何属性的对象,然后调用该函数,把新的对象作为this关键字的值传递。
var date = new Date()的伪代码的实现就是

var obj = {};

var date = Date.call(obj);

构造函数的作用就是初始化一个新创建的对象,并在使用对象前设置对象的属性。如果定义自己的构造函数,只需要编写一个为this添加属性的函数就可以了。下面的代码定义了一个构造函数:

复制代码 代码如下:

 function Rectangle(w, h)
 {
     this.width = w;
     this.height = h;
 }

然后,可以使用new运算符调用这个函数来创建对象的实例

var rect = new Rectange(4,8);

构造函数的返回值

Javascript中的构造函数通常没有返回值。但是,函数是允许有返回值的。如果一个构造函数有一个返回值,则返回的对象成为new表达式的值。在此情况下,作为this的对象将会被抛弃。

时间: 2024-09-20 00:55:01

基于JavaScript自定义构造函数的详解说明_基础知识的相关文章

基于JavaScript 下namespace 功能的简单分析_基础知识

之前看到网易还是新浪还是什么什么网站来着,也是用类似这种东西的,当时对js只是九牛一毛的水平,当场被吓傻了.但这次,我打算亲自分析下,以后在看到就不会迷茫了. 复制代码 代码如下: //调用例子:bradio.namespace("bradio.lang.array"); //下面是百度编译后的源码,变量都是a,b,c,d...之后我会重新写一个规范点的. //好了,开始分析 bradio.namespace = function () { //创建命名空间     var a = a

详解JavaScript中的forEach()方法的使用_基础知识

 JavaScript数组的 forEach()方法调用数组中的每个元素.语法 array.forEach(callback[, thisObject]); 下面是参数的详细信息:     callback : 函数测试数组的每个元素.     thisObject : 对象作为该执行回调时使用. 返回值: 返回创建数组.兼容性: 这种方法是一个JavaScript扩展到ECMA-262标准;因此它可能不存在在标准的其他实现.为了使它工作,你需要添加下面的脚本代码的顶部: if (!Array.

详解JavaScript中的blink()方法的使用_基础知识

 这个方法会导致一个字符串闪烁,好像它是BLINK 标签.语法 string.blink( ) 下面是参数的详细信息:     NA: 返回值:     返回字符串带有<blink>标记. 例子: <html> <head> <title>JavaScript String blink() Method</title> </head> <body> <script type="text/javascript

Javascript核心读书有感之语言核心_基础知识

读此书之前,感谢淘宝技术团队对此javascript核心的翻译,感谢弗拉纳根写出此书.感谢你们无私的分享,仅以此笔记献给你们的辛勤付出. 一:javascript语言核心 本章之后,我们将主要关注javascript的基础知识.第二章我们讲解javascript的注释,分号和unicode字符集:第三章会更有意思,主要讲解javascript的变量和赋值 这里有一些实例代码说明前两章的重点内容. 复制代码 代码如下: <script type="text/javascript"&

javascript的几种继承方法介绍_基础知识

1.原型链继承:构造函数.原型和实例的关系:每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针.确认原型和实例之间的关系用instanceof. 原型链继承缺点:字面量重写原型会中断关系,使用引用类型的原型,并且子类型还无法给超类型传递参数 function Parent(){ this.name='mike'; } function Child(){ this.age=12; } //儿子继承父亲(原型链) Child.prototype

JavaScript入门教程(12) js对象化编程_基础知识

with 语句 为一个或一组语句指定默认对象. 用法: with (<对象>) <语句>; with 语句通常用来缩短特定情形下必须写的代码量.在下面的例子中,请注意 Math 的重复使用: x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10); y = Math.tan(14 * Math.E); 当使用 with 语句时,代码变得更短且更易读: 复制代码 代码如下: with (Math) { x = cos(3 * PI) + sin

JavaScript中的各种操作符使用总结_基础知识

一元操作符只能操作一个值的操作符叫一元操作符. 一元操作符是ECMAScript中最简单的操作符. 1.递增和递减操作符递增递减操作符直接借鉴C,而且各有两个版本:前置型和后置型.顾明思义,前置型应该让位于要操作的变量之前,而后置型应该位于要操作的变量之后. 前置型: var num1 = 1; var num2 = 2; var num3 = ++num1 + num2;//4 后置型: var num1 = 1; var num2 = 2; var num3 = num1++ + num2;

JavaScript中的prototype原型学习指南_基础知识

原型是什么 Function 类型有一个属性 prototype,直接翻译过来就是原型.这个属性就是一个指针,指向一个对象,这个对象包含一些属性和方法,这些属性和方法会被当前函数生成的所有实例(对象)所共享. 这句话根据前面所说的,细细琢磨下来,就可以得到下面代码: function Person(){ ... } Person.prototype = { country : 'china', sayName : function(){ ... } } 先创建了一个 Function 类型的实例

JavaScript中Function()函数的使用教程_基础知识

 function语句不是定义一个新的函数,并且可以定义你的函数动态使用Function()构造使用操作符的唯一途径. 注:这是面向对象编程的术语.第一次可能会感觉不太习惯,这里是没有问题的.语法 下面是使用new运算符创建一个使用功能Function()构造的语法. <script type="text/javascript"> <!-- var variablename = new Function(Arg1, Arg2..., "Function Bo