谈谈js中的高级函数谈谈js中的高级函数

【谈谈js中的高级函数】
1.
作用域不安全的构造函数如下：

function Person(name,age){ this.name = name; this.age = age; } var p1 = new Person("Claiyre",80); //实例化 //p1是一个函数对象了，可以使用Person函数里的name,age //但是，这并不安全， //如果这样var p1=Person("Claiyre",80); p1就不是一个函数对象是一个无意义的字符 console.log(window.name)//Claiyre //这样意味着从函数对象的赋值，提升到了，window变量的赋值，这很恐怖的。

作用域安全的构造函数会，然后再进行更改，如下：

function students(name){ if(this instanceof students){//判断是不是students的实例 this.name=name; } else{ return new students(name); } }

实现这个安全模式，相当于锁定了调用构造函数的环境，因此借用构造函数继承模式可能会出现问题，解决方法是组合使用原型链和构造函数模式，即组合继承.
2.
以这些if语句，只用被执行一次，即便只有一个if语句的代码，也比没有要快。惰性载入表示函数执行的分支仅会执行一次，有两种实现惰性载入的方式，第一种就是在函数第一次被调用时再处理函数，用检测到的结果重写原函数。

function dection(){ if(特性1）{ dection=function(){ 使用支持的特性 } } else if(特性2）{ dection=function(){ 使用支持的特性 } } else(特性3）{ dection=function(){ 使用支持的特性 } } }

第二种实现惰性载入的方式是在声明函数时就指定适当的函数

var dection=(function(){ if(特性1）{ return function(){ 使用支持的特性 } } else if(特性2）{ return function(){ 使用支持的特性 } } else(特性3）{ return function(){ 使用支持的特性 } } })();

惰性载入函数的在初次执行时牺牲一点性能，之后便不会再有多余的消耗性能。
3.
都知道js函数中的this，很常用，且指定不明，模糊的去判断this指向谁，来指定this的指向。

function bind(fn,context){//fn：函数，context：对象 return function(){ return fn.apply(context,arguments); } }

bind这个函数。它的输入(即参数)是一个函数，输出(即返回值)也是一个函数。它不会去调用函数，只是处理函数。不太严格的说就是：它把某个对象context绑定到了函数fn身上，使得fn后续被调用时this总是context这个对象。
为什么用apply而不是用fn(arguments)，那是因为需要用context来给fn指定this，这正是只有apply或call才能完成的工作。如果用fn(arguments)的话，函数调用时的this会变成undefined或window。
例子

var your={ name:"3356"; output:function(){ alert(this.name); //注意这里的this指向着output这个函数对象，是个错误的指向 } } var outname=bind(your.output,you); //注意这里返回的是一个函数----output函数 outname();

call函数和apply函数可以临时改变函数的作用域，使用bind函数可以得到一个绑定了作用域的函数
4.函数柯里化(curry)

function xaddy (x){ return function(y){ return x+y; } } var addtwo=xaddy(1); console.log(addtwo(1))//2

递归先深后浮，这里函数柯里化，每次传参后返回下一层闭包，直到最后得到结果；

function curry(fn){ var i = 0; var outer = Array.prototype.slice.call(arguments,1); var len = fn.length; return function(){ var inner = outer.concat(Array.prototype.slice.call(arguments)); return inner.length === len?fn.apply(null,inner):function (){ var finalArgs = inner.concat(Array.prototype.slice.call(arguments)); return fn.apply(null,finalArgs); } } }