3. 函数

作者: 莣忧草_3b53 | 来源:发表于2019-07-28 22:48 被阅读0次

1. 函数形参的默认值

ES5 :1. 参数||默认参数 ------->bug: 当参数传入0(容易误判为假值) 2. 采用typeof——>太过冗杂

function log(a) {
  a = a || 200;
  console.log(a);
}
log(0) // 200

function logO(a) {
  a = typeof(a) ! == undefined ? a || 200;  // 哪有这么麻烦 这样好像挺好 a = typeof(a) ? a || 200;
  console.log(a);
}
logO(0) // 200

ES6:1. (传入参数=默认参数) 2. 只有当参数传入undefined时,才会触发。当为null都不会触发!!!
arguments:arguments永远指调用函数传入的参数。在ES5和ES6中表现不同,ES5严格模式,参数值改变不会arguments不会改变。ES5的一般模式会改变。ES6采用了严格模式
默认参数表达式: 当是函数时,函数求值为惰性求值。注意传入参数是函数调用返回,还是函数
暂时性死区:第二个值可以默认为第一个值,但是第一个值不能默认为第二个值。因为未声明就使用。

处理无名参数

ES5无名参数:arguments参数。传入无规律,不方便,参数命名无意义。我们不能知道函数内究竟可以处理多少个参数。当函数声明中值写一个参数

function add(a) {
//遍历arguments[0]之后数字,进行累加
  console.log(a+arguments[...])
}
add(1, 3);

不定参数...——>参数整合符。 1. 只能在末尾使用 2. 只能使用1次 3. 注意:不能在setter函数中使用 4. arguments照样可以使用

function add(a, ...addNum) {
 // 遍历addNum 增加 符合语义化
}
add(1, 3,2, 1, 2, 3, 4);

增强的Function构造函数

new Function() ——> 可以传入不定参数 规则参照上面

展开运算符

打开一个数组。当参数只可以传入单个数字?

1. Math.max() //只能传入数字       好像只有函数传参用的着  还可以进行额外传参
2. Math.max.apply(Math, []) // 本意是做this转换的这里使用不容易理解

name属性

为确定函数的访问。 不同模式下的函数 name 会有不一样的标识
权重问题:var name = function name1() {} // name1权重高
名称问题:函数通过bind使用,访问名称会带上前缀bound new Function会带上前缀anonymous
引用问题:name能打印出函数,但是却不能通过name调用函数

函数的多重用途

  1. 构造函数——>[[constructor]] 2.逻辑处理函数——>[[call]]
    函数中有两种属性[[constructor]] [[call]]
    箭头函数没有[[constructor]]属性
    ES5确定函数的调用方法:prototype判定——>bound和apply方式干扰函数无法确定是否为new方式调用
    元素性:【非对象属性:不用.进行访问】1. 在函数中调用 2. 只有new时,才会有值 3. 指向构造函数

块级函数

使用场景:ES6中 可以在if() {创建函数}; ES5中会报错。函数提升会在代码块中提升。离开代码代码块,函数被销毁?
非严格模式下的块级函数:函数声明会被提升至外部。

箭头函数

自身没有new,arguments,super,new.target,prototype属性或者方法。
【理解:prototype是用来判定类型的。用于new对象,箭头函数,即用即弃。根本不会创建类型。没有[[constructor]]】

语法:() => 返回语句 / () => {}
创建立即执行函数(() => {})()
没有this绑定: this只能外部传递,为最近一层没有使用箭头函数中的this值。
箭头函数和数组:简单说明数组非常适合使用箭头函数处理
没有arguments绑定:里面访问的arguments是外部的。函数的作用域问题
辨认方法:和普通函数差不多。只是不能通过call,apply,bind进行this的改变。

尾调函数优化

尾调用:函数的最后一个语句进行调用函数。[抽象的讲]。
细致的讲,函数中进行函数调用会进入一个栈,记录当前函数进行到什么部分了。执行var c = a(); 栈会记录在a执行过程中,在第3行调用了b()函数。当b执行完之后,继续执行第4行。 但是如果b()执行,是在最后 一句,我们其实是可以不用记录在哪儿调用了b()函数。b()执行完毕,会直接返回给c遍历。这个优化过程,如果能执行,我们就称为尾调用。

funciton a () {
  console.log('11111');
  b ();
  console.log('2222');
}

相关文章

  • 3.函数

    parseInt() 方法接收两个参数,第二个参数为转换的进制。如果不传第二个参数,当第一个参数传 以0开头的数字...

  • 3. 函数

    1. 函数形参的默认值 ES5 :1. 参数||默认参数 ------->bug: 当参数传入0(容易误判为假值)...

  • Python:3.函数

    调用函数 定义函数 函数的参数 递归函数 参考 廖雪峰的Python教程

  • 3. 构造函数

    1. 定义 当我们使用类通过new关键字来创建一个对象的时候,其实是调用了这个类的构造方法。 2. 语法 通过实现...

  • 3.构造函数

    inline(内联)函数 inline函数是直接替换函数名为函数内容.声明inline的两种方式: 函数定义时在函...

  • 3. 函数(转)

    转自Konie Shadow Dart 是一个完全的面向对象语言,所以甚至连函数也是对象,而且拥有一个类型 Fun...

  • 3. 函数接口

    我们先来写一个类里面的接口 然后定义一个私有类 最后写个共有类调用它 运行 main 方法,打印出下面的内容 之前...

  • 3.函数重载

  • R高级数据管理--数学函数、统计函数和概率函数

    1.数学函数 2.统计函数 3.概率函数

  • dplyr

    1. filter 函数 2. arrange() 函数 3. select 函数 4. mutate() 函数 ...

网友评论

      本文标题:3. 函数

      本文链接:https://www.haomeiwen.com/subject/vrrmrctx.html