重点--作用域（scope）
2019-06-23 本文已影响0人
潘肚饿兵哥哥
1.利用函数的关键字定义函数（也叫命名函数，因为有函数名）
function fn(){ } fn();2.函数表达式（匿名函数 把整个函数体赋值给一个变量
js var fn = function(){};
1.就是代码名字（变量）在某个范围内起作用和效果，目的是要提高程序的可靠性，重要的是解决命名冲突
2.js 的作用域（es6：ECMAScript 6 一个js版本）之前：全局作用域 局部作用域
3.全局作用域：整个script标签，或者是一个单独的JS标签
4.局部作用域(函数作用域)： 在函数内部使用，这个代码的名字(变量名)只在函数内部起效果
通常来说，一段程序代码中使用到的名字并不总是有效可用的，而限定这个名字的
就是这个名字的作用域，。
作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字的冲突
在javascript中，根据作用域的不同，变量可以分为两种
全局变量和局部变量(其实跟函数全局作用域和局部作用域思想一样)
//全局变量
var num = 10;
console.log((num));
function fn() {
console.log(num);
}
fn();
image.png
函数的形参也可以看作是局部变量
//局部变量
function fun() { //num1是局部变量，只能在函数内部适用
var num1 = 10;
}
fun();
console.log(num1);
image.png
function fun() { //num1是局部变量，只能在函数内部适用
var num1 = 10;
num2 = 20;
}
fun();
//console.log(num1);
console.log(num2);
image.png
1.全局变量只有浏览器关闭的时候才会销毁，比较占用内存
2.局部变量 当程序执行完毕就会销毁，比较节约资源
如果函数中还有函数，那么在这个作用域中又可以诞生一个作用域
根据在内部函数可以访问外部函数变量的这种机制，用链式查找决定哪些数据能被内部函数访问，就称作作用域链
链式查找：内部函数访问外部函数的变量，会向上一级查找，如果没有这个变量，再向更上一级查找，这就是链式查找
结果采用
就近原则，采用离自身最近的那一个变量，如下例，输出外部函数20，而不会输出全局变量10：
//作用域链
var num = 10;
function fn() { //外部函数
var num = 20;
function fun() { //内部函数
console.log(num);
}
fun();
}
fn();
分析：
image.png
或者，就从调用变量的语句开始向外找，找到上一级，也是一样的
function f1() {
var num = 123;
function f2() {
console.log(num);
}
f2();
}
var num = 456;
f1();
image.png
var a = 1;
function fn1() {
var a = 2;
var b = '22';
fn2();
function fn2() {
var a = 3;
fn3();
function fn3() {
var a = 4;
console.log(a); //a的值4
console.log(b); //b的值'22''
}
}
}
fn1();
image.png
function fun(){
var a = 123;
}
fun();
consloe.log(a);
返回值：
image.png
这里返回a未定义，就是因为a的作用于只限于函数内部，在外部是不起作用的
function fun(){
var a = 123;
}
fun();
consloe.log(a);
返回值：
image.png
这里返回a未定义，就是因为a的作用于只限于函数内部，在外部是不起作用的
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
/*
* 作用域
* - 作用域指一个变量的作用的范围
* - 在JS中一共有两种作用域：
*
* 1.全局作用域
* - 直接编写在script标签中的JS代码，都在全局作用域
* - 全局作用域在页面打开时创建，在页面关闭时销毁
* - 在全局作用域中有一个全局对象window，
* 它代表的是一个浏览器的窗口，它由浏览器创建，我们可以直接使用
* console.log(window);返回值： 【object Window】证明有这个全局对象
* - 在全局作用域中：
* 1.创建的变量都会作为window对象的属性保存
*
* var a = 10;这个a = 10；就是作为一个属性保存到window对象里
* console.log(window.a); 返回值就是 10
* console.log(c);会报错，因为没有这个变量，但是如果是window.c就显示undefined
*
* 2.创建的函数都会作为window对象的方法保存
*
*
*
*
* - 全局作用域中的变量都是全局变量，
* 在页面的任意的部分都可以访问的到
*
* 2.函数作用域(局部作用域)
*
*/
function fun(){
var a = 123;
}
fun();
consloe.log(a);
var a = 10;//这样的就在全局作用域里,他的上一级就是script标签,他不在任何元素里
var b = 20;
//var c = "hello";
//console.log(window.c);
function fun(){
console.log("我是fun函数");
}
//window.fun();等同于fun();函数都会作为window对象的方法保存,所以方法和函数没有区别,因为都是window对象的方法
//window.alert("hello");
</script>
</head>
<body>
</body>
</html>
