Javascript学习笔记——8.7 函数属性、方法和构造函数

函数是一个特殊的对象,所以可以有自己的属性和方法,甚至可以用Function()构造函数来创建新的函数

length

函数有只读的length属性,它代表函数定义的参数的个数。要与arguments.length区分开,后者是函数调用时传入参数的个数。

prototype

每个函数都包含不同的原型对象。当函数用作构造函数的时候,新创建的对象会从原型对象上继承属性。

call()和apply()

call和apply的作用相同,可以将对象引用为this,只是参数传入的方式不同。

    function add(c,d){
        return this.a + this.b + c + d;
    }

    var s = {a:1, b:2};
    console.log(add.call(s,3,4)); // 1+2+3+4 = 10
    console.log(add.apply(s,[5,6])); // 1+2+5+6 = 14

bind

当在函数f()上调用bind()方法并传入一个对象o作为参数,这个方法将返回一个新的函数,调用新的函数会把原始函数f()方做o的方法来调用。

function add(){return this.x+this.y}
var o = {x:10,y:20}
var fun = add.bind(o)
fun() //30

toString

函数的toString方法大多返回函数的源码

//承接上面的代码
fun.toString()
"function () { [native code] }"
add.toString()
"function add(){return this.x+this.y}"

Function构造函数

除了使用function关键字定义,函数可以通过Function构造函数来定义
以下两种方式定义是等价的

var f1 = new function("x","y","return x*y")
var f2= function(x,y){return x*y}
  • Function构造函数可以传入任意数量字符串,最后一个字符串是函数体,前面的都是参数。
  • 函数体可以包含任意条语句,可以用分号分割。
  • 如果不需要参数,只需要传入一个字符串作为函数体。
  • Function构造函数允许Javascript在运行时动态创建并编译函数
  • 如果在循环中使用Function构造函数,效率会比较低。但是循环中的嵌套函数和函数定义表达式不会每次都重新编译,效率会比较高。
  • Function构造函数创建的函数不使用词法作用域,它总是在顶层执行。
var scope = 'global scope'
function consFun(){
    var scope = "local scope"
    return new Function("return scope")
}
consFun()() //"global scope"

你可能感兴趣的:(Javascript学习笔记——8.7 函数属性、方法和构造函数)