JS的函数

1.函数声明

1.1.直接function

function print(s) {
  console.log(s);
}

1.2.函数表达式

var print = function p(s) {
  console.log(s)
  console.log(print.name) //此时会打印p
}

1.3.构造函数

var print = new Function(’x','y','return x + y');
//有点python的lambda的感觉

1.4.注意事项

直接function和赋值表达式对同一个函数名的时候,采用赋值表达式的定义
函数表达式等号后面的那个名字才是真的名字

2.默认属性和方法

2.1.name

function fun() {}
fun.name // 返回fun,好奇怪的用法,我问我自己
var fun1 = function fun2() {}
fun1.name //返回fun2,这是隔壁老王的

2.2.length

function fun(a,b,c) {}
fun.length //返回3

2.3.toString()

var a = function fun(a,b,c) {}
a.toString()
 //  'function fun(a,b,c) {}' 会连注释和换行符一并带出来

3.作用域

3.1.局部变量

#我是python
a = 1
def fun1():
    global a  #此处必须声明变量a是全局,否则无法修改变量a,会报错
    print(a)
    a = 2  #如果没有修改变量a,只是引用变量a,则不需要global声明
    print(a)
    return 
fun1()   # 1 2
//我是JS
var a = 1
function fun1(){
  var a = 2 //局部变量覆盖全局变量,但全局的a还是自己
  console.log(a) 
}
fun1() // 2
console.log(a) // 1 

2种语言对比,就是python会去警告你不能动全局,JS就按原来的规则执行

3.2.自身作用域

var a = 1
function fun1(){console.log(a)}
function fun2(){
  var a =2
  fun1()
}
fun1() // a=1 我是哪里定义的,我就用哪里的变量

4.参数

4.1.参数数量

function f(a,b,c){
  return a
}
f() //undefined  输入参数不够的时候,不够的都是undefined
f(1)  //1  f(1,undefined,undefined)
f(1,2) //1
f(1,2,3) //1
f(1,2,3,4) //1
f.length // 3

4.2.传值

var a = 1;
var b = {'b':'bb'}
var c = {'c':'cc'}
function f1(a,b,c){
  a = 4
  b.b = 'bbb' //修改的时候会跟着
  c = {'c':'ccc'} //指向了新的地址,此c非彼c
}
f1(a,b,c)
console.log(a) //还是全局的a
console.log(b) //传递的是地址,所以{'b':'bbb'}
console.log(c) //函数内的c指向了新地址,{'c':'cc'}

4.3.arguments

函数拥有不定数目的参数,就需要想办法读取到每一个参数,arguments类似一个列表,装进了每一个传递进去的参数,甚至可以修改参数。arguments.length可以查看参数数量。

function f1(a,b) {
  console.log(arguments[0])
  console.log(arguments[1])
  console.log(arguments[2])
  console.log(arguments[3])
}
f1(1,2,3) // 1 2 3 undefined
//管他三七二十一,进来几个就读取几个
function f2(a,b){
  arguments[0] = 1 // var a = 1
  arguments[1] = -1 // var b=-1
  return a+b
}
f2(2,2) // 0 

4.4.严格模式

严格模式下,arguments无法修改参数

5.闭包

暂时没理解透,期待后续

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

推荐阅读更多精彩内容

  • Lua 5.1 参考手册 by Roberto Ierusalimschy, Luiz Henrique de F...
    苏黎九歌阅读 13,931评论 0 38
  • 1、 函数声明和函数表达式有什么区别 ECMAScript规定了三种声明函数方式:构造函数、函数声明、和函数表达式...
    熊蛋子17阅读 418评论 0 2
  • 函数和对象 1、函数 1.1 函数概述 函数对于任何一门语言来说都是核心的概念。通过函数可以封装任意多条语句,而且...
    道无虚阅读 4,665评论 0 5
  • 函数只定义一次,但可能被执行或调用任意次。JS函数是参数化的,函数的定义会包括一个称为形参的标识符列表,这些参数在...
    PySong阅读 557评论 0 0
  • 函数只定义一次,但可能被执行或调用任意次。JS函数是参数化的,函数的定义会包括一个称为形参的标识符列表,这些参数在...
    PySong阅读 869评论 0 0