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"
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 函数和对象 1、函数 1.1 函数概述 函数对于任何一门语言来说都是核心的概念。通过函数可以封装任意多条语句,而且...
    道无虚阅读 4,635评论 0 5
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,161评论 0 21
  • Lua 5.1 参考手册 by Roberto Ierusalimschy, Luiz Henrique de F...
    苏黎九歌阅读 13,905评论 0 38
  • 这周我读了这本《今天以后,人生的无数可能》。匆匆看完之后,觉得大部分的故事都是在说情感方面的事情,对于实际上的奋斗...
    虔一阅读 600评论 0 1
  • 烟花三月里,你我并非相遇断桥,流火七月间,恰逢浪子遇新颜。 不管是前世灵魂的羁绊,还是今世短短数学的日久生情你我相...
    青柯2阅读 346评论 3 0