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调用函数
函数的多重用途
- 构造函数——>[[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');
}