JS 函数的几个作用

2024-04-27 15:12:55

字体：大中小

来源：转载

供稿：网友

一、作为一个类构造器使用

function Class(){}Class.PRototype={};var item=new Class();

二、作为闭包使用

(function(){ //独立作用域})();

三、作为构造函数调用

所谓构造函数，就是通过这个函数生成一个新对象（object）。

function Test(){//大写，以区分普通函数 this.x = 10;}var obj = new Test();alert(obj.x); //弹出 10；

可以使用 new 运算符结合像 Object()、Date() 和 Function() 这样的预定义的构造函数来创建对象并对其初始化。面向对象的编程其强有力的特征是定义自定义构造函数以创建脚本中使用的自定义对象的能力。创建了自定义的构造函数，这样就可以创建具有已定义属性的对象。下面是自定义函数的示例（注意 this 关键字的使用）。

function Circle (xPoint, yPoint, radius) { this.x = xPoint; // 圆心的 x 坐标。 this.y = yPoint; // 圆心的 y 坐标。 this.r = radius; // 圆的半径。}

调用 Circle 构造函数时，给出圆心点的值和圆的半径（所有这些元素是完全定义一个独特的圆对象所必需的）。结束时 Circle 对象包含三个属性。下面是如何例示 Circle 对象。

var aCircle = new Circle(5, 11, 99);

使用构造器函数的优点是，它可以根据参数来构造不同的对象。缺点是构造时每个实例对象都会生成重复调用对象的方法，造成了内存的浪费。

function Test(name){ this.occupation = "coder"; this.name = name; this.whoAreYou = function(){ return "I'm " + this.name + "and I'm a " + this.occupation; }}var obj = new Test('trigkit4');//利用同一个构造器创建不同的对象var obj2 = new Test('student');obj.whoAreYou();//"I'm trigkit4 and I'm a corder"obj2.whoAreYou();//"I'm student and I'm a corder"

依照惯例，我们应该将构造器函数的首字母大写，以便显著地区别于一般的函数。

上一篇：使用Redux DevTools浏览器插件调试redux

下一篇：简单讨论HTML语义化（语义化标签）