[TOC]
>[success] # 块级函数
~~~
什么是'块级函数'? 答: 就是在一个代码块(if{ })中写函数,例如:
~~~
~~~
if(true){
function heheda(){ // 块级函数
}
}
~~~
<br/>
>[success] ## 块级函数的变量提升
~~~
大家都知道'var'会存在'变量提升','块级函数'也存在'变量提升'
~~~
非严格模式下:
~~~
console.log(doSomething) // undefined
if (true) {
doSomething() // 1
function doSomething() {
console.log(1)
}
doSomething() // 1
}
doSomething() // 1
~~~
严格模式下:
~~~
"use strict"
console.log(doSomething) // 报错: doSomething is not defined
if (true) {
doSomething() // 1
function doSomething() {
console.log(1)
}
doSomething() // 1
}
doSomething() // 报错: doSomething is not defined
~~~
var定义的函数表达式情况下:
~~~
"use strict"
console.log(a) // undefined
if(true){
console.log(a) // undefined
var a = function(){
console.log(1)
}
a() //1
}
a() // 1
~~~
<br/>
>[success] ### 总结
~~~
1.在'非严格模式'下,代码块(if{})上可以打印出'undefined',代码块下可以执行代码块中的'块级函数',
在'代码块'中'块级函数'的上下都可以调用'块级函数'
2. 在'严格模式'下只有在代码块中(if{})'块级函数'上下可以调用'块级函数',在代码块外调用'块级函数'会报错
3.用'var'定义的'函数表达式'充当'块级函数'使用,无论是'严格模式'还是'非严格模式',都会存在'变量提升'
~~~
<br/>
>[success] ## let定义的块级函数
~~~
在代码块(if{})中,使用'let'定义的'函数表达式'是'没有变量提升'的
~~~
严格模式下:
~~~
"use strict"
console.log(doSomething) // doSomething is not defined
if (true) {
doSomething() // 报错
let doSomething = function(){
console.log(1)
}
doSomething() // 1
}
console.log(doSomething) // doSomething is not defined
~~~
非严格模式下:
~~~
console.log(doSomething) // doSomething is not defined
if (true) {
doSomething() // 报错
let doSomething = function(){
console.log(1)
}
doSomething() // 1
}
console.log(doSomething) // doSomething is not defined
~~~
<br/>
>[success] ### 总结
~~~
1. 代码块(if{})中如果使用的是'let'定义的'函数表达式'当做'块级函数',只能在'块级函数'下面使用,
不可以在'代码块外'使用,无论是'严格模式'还是'非严格模式'下,在'代码块外'使用'块级函数'都会报错
~~~
- Javascript基础篇
- Array数组
- 数组插入值
- filter()
- forEach()
- push()
- pop()
- unshift()
- shift()
- valueOf()
- 面向对象思想
- Javascript 面向对象编程(一):封装
- Javascript面向对象编程(二):构造函数的继承
- Javascript面向对象编程(三):非构造函数的继承
- 解构
- 数组的解构赋值
- 对象的解构赋值
- 函数参数解构
- 字符串的解构赋值
- 数值和布尔值的解构赋值
- 圆括号问题
- 字符串.
- split()
- charAt()
- charCodeAt()
- concat()
- indexOf()
- lastIndexOf()
- match()
- replace()
- includes()
- 初识递归
- 渲染ul-li树形结构
- 异步函数解决方案
- 1. callback回调函数
- 2. ES6 - Promise
- JavaScript高级程序设计(书)
- 在html中使用JavaScript
- script标签的位置
- 延迟脚本
- 异步脚本
- <noscript>元素
- 基本概念
- 严格模式
- 变量详解
- 数据类型
- typeof操作符
- undefined类型
- Null类型
- Boolean类型
- Number类型
- 深入了解ES6(书)
- var 、let 、 const
- 字符串与正则表达式
- 字符串
- 正则表达式
- 函数
- 函数形参默认值
- 使用不具名参数
- 函数构造器的增强能力
- 扩展运算符
- name属性
- 明确函数的多重用途
- 块级函数
- 箭头函数
- 尾调用优化
- 扩展的对象功能
- 对象类别
- 对象字面量语法的扩展
- ES6对象新增方法
- 重复的对象属性
- 自有属性的枚举顺序
- 更强大的原型
- 解构:更方便的数据访问
- 为什么要用解构?
- 对象解构
- 数组解构
- 混合解构
- 参数解构
- Symbol与Symbol属性
- 创建Symbol
- Symbol的使用方法
- Symbol全局私有属性
- Symbol与类型强制转换
- Symbol属性检索
- Symbol的一些构造方法
- Set集合与Map集合
- Set集合
- Weak Set集合(弱引用Set集合)
- Map集合
- JS标准内置对象
- Object 构造函数及属性
- Object 构造方法
- Symbol 内建对象类的函数及属性
- Set 构造函数及属性
- Weak Set 构造函数及属性
- JS杂项
- 类数组对象
- Class类的理解和使用