JS学习笔记（一）函数

学习书籍：《JavaScript设计模式》

学习内容：

• 函数

---

学习笔记：

• 函数

function main() {}
// 全局变量，函数是变量

• 函数的另一种形式

var main = function () {}
// 缺点是如果被人也定义了同样的方法就会覆盖掉原有的功能。如果定义了很多方法，这种相互覆盖且不容易察觉

• 用对象收编变量

var obj = {
	main : function () {}
}
// 将函数保存在对象中，可以减少覆盖或被覆盖的风险
// 对象具有属性和方法，因此在访问它的属性或方法时，可以通过点语法向下遍查询到: obj.main()

• 对象的另一种形式

var obj = function () {};
obj.main = function () {};
// 使用和前面的方式一样。但当别人想用你写的对象方法时就有些麻烦，因为这个对象无法复制一份
// 或者说这个对象类在用new关键词创建新对象时，无法继承这些方法

• 真假函数

var obj = function () {
	return {
		main : function () {}
	}
}
// 每次调用这个函数时，固定返回一个新的对象，起到了复制的作用

• 类

var obj = function () {
	this.main = function () {}
}
var a = new obj();
a.main()
// 把所有的方法都放在函数内部，通过this定义，因此每次通过new关键词创建新对象的时候，新对象都会对类的this上的属性进行复制。

// 因此新建的对象都有自己的一套方法，然而这样做造成的消耗时奢侈的，需要进行改变一下:
var obj = function () {
	obj.prototype.mian = function () {}
}
// 这样创建对象实例时，创建的对象所拥有的方法就只有一个了，依赖于prototype原型依次寻找， 而找到的方法都是同一个， 他们都绑定在obj对象类的原型上。也可以简写为:
var obj = function () {
	obj.prototype = {
		main : function () {}
	}
}
// 这样mian方法多时可以减少写prototype的次数

• 链式写法

var obj = {
	main : function () {
		return this;
	}
}
obj.main().main().main()
// 对象调用结果返回自身，这样就可以重复调用它内部的方法了。同样的也可以这样写:
var obj = function () {};
obj.prototype.main = function () {
	return this;
}
var a = new obj();
a.main().main().main()

• 添加方法

Function.prototype.addMethod = function(name, fn) {
	this[name] = fn
	return this
}
var methods = function () {};
// 或者
var methods = new Function();
methods.addMethod('main', function () {})
methods.main()

• 链式添加

// 函数式调用方式
Function.prototype.addMethod = function(name, fn) {
	this[name] = fn;
	return this;
}
var methods = function () {};
methods.addMethod('main', function () {
	return this;
}).addMethod('main1', function() {
	return this;
});
methods.main().main1()

// 类式调用方式
Function.prototype.addMethod = function(name, fn) {
	this.prototype[name] = fn;
	return this;
}
var methods = function () {};
methods.addMethod('main', function () {
	return this;
}).addMethod('main1', function() {
	return this;
});
var a = new methods();
a.main().main1()