码迷,mamicode.com
首页 > 其他好文 > 详细

作用域和预解析

时间:2020-01-22 21:42:16      阅读:99      评论:0      收藏:0      [点我收藏+]

标签:思考   var   步骤   apple   变量作用域   范围   bsp   调用   修改   

// 作用域:

// 域:空间、范围、区域……

// 作用:读、写

 

 

script 全局变量、全局函数

自上而下

 

函数

由里到外

 

{}

 

 

浏览器:

“JS解析器”

1)“找一些东西” :var function 参数

 

a = ...

所有的变量,在正式运行代码之前,都提前赋了一个值:未定义

fn1 = function fn1(){ alert(2); }

所有的函数,在正式运行代码之前,都是整个函数块

 

 

JS 的预解析

 

 

遇到重名的:只留一个

变量和函数重名了,就只留下函数

 

2)逐行解读代码:

表达式:= + - * / % ++ -- ! 参数……

 

表达式可以修改预解析的值!

 

 

 

 

 

 

 

alert(a); // function a (){ alert(4); }

var a = 1;

alert(a); // 1

function a (){ alert(2); }

alert(a); // 1

var a = 3; 

alert(a); // 3

function a (){ alert(4); }

alert(a); // 3

 

 

alert( typeof a );

// a(); // 报错

*/

 

 

/*

var a = 1;

function fn1(){

alert(a); // undefined

var a = 2;

}

fn1();

alert(a); // 1

 

 

var a = 1;

function fn1(){

alert(a); // 1

a = 2; 局部可以改变外部,第二个a变成了2

}

fn1();

alert(a); // 2  

*/

 

 

/*

var a = 1;

function fn1(a){

alert(a); // undefined

a = 2;

}

fn1();

alert(a); // 1

 

 

 

 

var a = 1;

function fn1(a){

alert(a); // 1

a = 2;

}

fn1(a);

alert(a); // 1

 

 

一、作用域份为全局作用域和局部作用域作用域不仅有有变量作用域还有函数作用域

var a = 10

// a是全局作用域 在哪里都能访问和修改

function fn() {

var b = 8 //这是局部作用域也成为函数作用域

console.log(a) //10 a是全局作用域

}

console.log(b) //这里b是不存在的 会报

function fn() {

var a = 10;

console.log(a)

 

function say() {

var b = 2

console.log(b) //2

console.log(a) //10 可以访问到

}

say() //可以调用

}

fn()

console.log(a) //报错

say() //报错

//预解析

//预解析 热身运动

 

console.log(b) //undefined

var b = 10

 

console.log(c) //报错

c = 10

// js执行时 步骤

// 1、预解析

// 找东西 (var 函数 参数) 步骤:

// 1.var :找到var 给var 的变量赋一个undefined 提到最前面

// 2.函数: 找到函数整体提到最前面

// 3.参数:同var

//例如:

// console.log(b) //undefined

// var b = 10

 

// 找东西

var a = undefined;

console.log(a) //所以 是undefined

var a = 10

// 小案例:

var a = 10;

function fn() {

console.log(a) //undefined

var a = 5;

}

fn()

console.log(a) //10

 

 

 

 

 

 

//首先预解析

// 找var提到最前面

// var a = undefined

// 函数是一个作用域也要提到前面 进行预解析

// 函数中的预解析

// function fn() {

// 找var a = undefined;

// console.log(a) //undefined 它是先看自己域中有没有这个值没有在往外找

// 赋值 a = 5

// }

//赋值 a = 10

// fn()

// console.log(a) //10

完事 逐行解读 

思考:

// 小案例:

var a = 10;

 

function fn() {

console.log(a) //10

a = 5;

}

fn()

console.log(a) //5

参数同var

//预解析

var a = undefined;

 

function fn(a) {

// 参数同var相当于

a = undefined

console.log(a) //undefined

a = 2 //局部变量赋值

}

a = 10 //全局变量赋值

fn()//注意这里是没有实参的

console.log(a) //10

有实参

//有实参

var a = 10;

function fn(a) {

console.log(a) //10

a = 2

}

fn(a) //有实参

console.log(a) //10

 

 

 

// 预解析

var a = undefined

function fn(a) {

// 形参是实参传过来的 相当于这里有

var a = 10; //局部变量

console.log(a) //10

a = 5 //给局部变量赋值

}

a = 10 //这里是全局变量

fn(a)

console.log(a) //10

// 预解析如果同名

// 函数 > 参数和var

function fn(a) {

var a = undefined //被覆盖var a = function a() {}

console.log(a) //是个函数 function a() {}

var a = 5; 他也干不过 变成了a = 5

 

function a() {} //函数大于参数和var 直接覆盖

console.log(a) //5

}

fn(1)

解决为什么函数表达式只能在定义后面调用

fn() //报错

var fn = function() {} //因为他提上去 var fn =undefined

fn() //正常执行

 

 
































































































































 

 

 

 
































































































































作用域和预解析

标签:思考   var   步骤   apple   变量作用域   范围   bsp   调用   修改   

原文地址:https://www.cnblogs.com/tongguilin/p/12229496.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!