js函数的几种写法

第一:也是最常见的

function A(){

}

用法

A();

第二:

var B = function(){

}

用法

B();//这是匿名函数

第三:

(function () {

})();

或者

(function () {

}());

后面的小括号就是执行此函数的意思

var test = function() {return "圆心"}();

alert(test);我们运行情景二代码,将返回显示“圆心”,此时该代码等价于:

var 匿名函数 = function() {return "圆心"};

test = 匿名函数();

alert(test);很明显,test 返回的是匿名函数的执行结果值,即 yx02 为:“圆心”。

第四:

var Test = {

test1:function(){

}

,test2:function(){

}

}

用法

var t = Test.test1();

第五:

var Test = function(){};//此处Test是一个对象

Test.prototype={//给对象添加属性

test1:function(){

}

,test2:function(){

}

}

用法

var t = new Test();//new一个对象

t.test2(); //调用对象属性



时间: 2024-07-29 17:24:11

js函数的几种写法的相关文章

js中回调函数的三种写法

回调函数的三种写法: 1.通过指针来调用 2.通过匿名函数来调用 3.定义与执行同时进行 // 通过指针来调用 function math(num1,num2,callback){ return callback(num1 , num2); } function aa(num1,num2){ return num1 + num2; } function bb(num1,num2){ return num1 - num2; } console.log( math(2,1,aa) ); // 3 c

可拖动弹窗的JS和jQuery两种写法

最近在慕课网上学习了一个网页可拖动对话框js实现的演示视频,这个demo中的例子是百度首页登录按钮的弹窗,如下图: 当点击左上角的登录按钮时,弹窗出现并自动居中,同时窗口可拖动的范围被限制在了可视区域内,即浏览器视窗的上下左右边界,弹窗无法移出移动出四个边界,也不会出现滚动条. 另一个效果就是,当改变窗口大小时,对话框自动居中. 这个视频中用了原生js,jQuery两种写法实现案例,但本质上,对话框居中,限制拖动范围的的计算思路是一致的. 为了简化页面,总结核心思路,我重新写了一个小demo,界

Button的Click事件与js函数的两种不同顺序触发方式

先执行js,或者先执行Click事件,最近就遇到了这个问题,开始弄了两个按钮分别执行,那才叫一个蛋疼... 1.先执行js,再执行Button的Click函数 <asp:Button ID="btn_delete" runat="server" Text="提交" onclick="button1_Click"/> 前台js为 <script language="javascript"&g

js面向对象的几种写法

有段时间没写js了,复习了一下js相关的东西,把面向对象的部分挑出来做个记录.以下代码综合别的博客,但都是经过自己验证. 1,工厂方式 var Circle = function(){ var obj =  new Object();    obj.PI = 3.14; obj.area = function(r){        return this.PI * r * r;    } return obj;}var c = new Circle();alert(c.area(1.0));//

javascript立即调用的函数表达式N种写法(第二篇)

上一篇博客我谈到将函数声明转换为函数表达式最常见的一种写法是:通过括号()将匿名函数声明转换为函数表达式即(function(){})(); 言外之意就是还有其他方式,记住:任何消除函数声明和函数表达式间歧义的方法,都可以被解析器正确识别!它们可以分为5类,超过10多种: (function(){})(); //最常见的写法 下文没特殊指明就是指它 (function(){}); //容易与上面的混淆 [function()()]; //一元运算符 ~function(){}; +functio

JS面向对象的几种写法2

//定义Circle类,拥有成员变量r,常量PI和计算面积的成员函数area() 1.工厂方式 var Circle = function() { var obj = new Object(); obj.PI = 3.14159; obj.area = function( r ) { return this.PI * r * r; } return obj; } var c = new Circle(); alert( c.area( 1.0 ) ); 2.比较正规的写法 function Ci

Js函数的三种创建、四种调用

1 // 函数的三种创建方法 2 function one(){ // 函数声明,不属于任何对象,始终默认为全局对象 3 console.log("第一个函数") 4 //默认有一个return this,返回函数中的内容 5 } 6 one(); //必须调用:可以在函数声明前调用(预处理变异机制) 7 8 var fn=function(){ //函数表达式 9 console.log("第二个函数") 10 } 11 fn(); //必须先声明再调用 12 1

js面向对象的五种写法

第一种: //第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()); 第二种: //第2种写法 var Circle = function() { var obj = new Object(); o

js中匿名函数的N种写法

匿名函数没有实际名字,也没有指针,怎么执行? 关于匿名函数写法,很发散~ +号是让函数声明转换为函数表达式.汇总一下 最常见的用法: 代码如下: (function() {  alert('water');  })();  当然也可以带参数: 代码如下: (function(o) {  alert(o);  })('water');  想用匿名函数的链式调用?很简单: 代码如下: (function(o) {  console.log(o);  return arguments.callee;