Question

关于js函数的写法 fun = function(){} fun:{}有什么不同，高手回答

本人在开发中遇见有函数的写法不同，想知道不同写法的意义，高手解答。
myfun：function(){}
myfun = function(){}
function myfun(){}
var myfun =function(){}
myfun.prototype.myfunPro = function (){}

Answer 1

这几种方法每一个都有不一样的作用。

1.myfun：function(){} 这个是必须写在对象内部的，这是一个对象的方法，如

var a = {
   myfun：function(){} 
}

写在外面会报错。

2.任何时候都不要这样写myfun = function(){}，这样写就变成了全局对象window的一个属性，要记得加上var ，第四种方式是对的，如下：

var myfun = function(){}

这是一种声明函数的方式，左边是一个变量，右边是一个函数的表达式，意思就是把一个匿名的函数表达式复制给了变量myfun，只是声明了一个变量指向了一个函数对象。这个和第三种方法function myfun(){}声明的方法差别不大，但还是有差别的。

这就要涉及到javascript解析的部分了，简单来说，js在解析的过程中，会先把函数和变量提前解析。

function myfun(){}这种声明方法会把函数整个语句显示的提前到了脚本或者函数前（当前作用域），函数名和函数均会被提前（会在执行上下文代码前声明）。

而var myfun = function(){}这种声明方法，只是提前了一个变量，并没有提前函数体。

3.最后一种并不是声明的函数，只是在myfun函数上的原始对象上加了一个myfunPro方法，构造函数中用到的。给你个例子：

var myfun = function(){
	 		this.a = "a";
	 	}
	 	myfun.prototype.myfunPro = function (){
	 		alert("0")
	 	}
	 	var test = new myfun();
	 	console.log(test);

运行结果如下图：

这时候如果你在最底部加上一段代码，如下：

var myfun = function(){
	 		this.a = "a";
	 	}
	 	myfun.prototype.myfunPro = function (){
	 		alert("0")
	 	}
	 	var test = new myfun();
	 	console.log(test);
	 	test.myfunPro();

这时候就会弹出一个对话框 0了 ，你可以试试

追问

请老师不吝赐教！学生静待解答。

Answer 2

myfun：function(){}
myfun = function(){}
function myfun(){}
var myfun =function(){}
这4种个人认为区别不大，不同的需要选择不同的就行了。
myfun.prototype.myfunPro = function (){}
在面向对象的时候可以只给指定的对象(myfun)绑定这个方法或对象( function (){})。

追问

最后prototype的写法你说的我还没明白？这种写法是为了使myfunPro成为公共方法吗？就是别人可以用new方式快速克隆？？

追答

js是可以面向对象的 ，如果把myfun看成一个对象，那么
myfun mf1, mf2;
mf1.prototype.myfunPro = function(){}就只是绑定到mf1实例上。

fyfun = function(){
myfunPro:function(){}

}
是所有对象实例上都会有

追问

谢谢您的热心解答，不过只能采纳一个人的答案，还是请您理解！