课程笔记:——Javascript 中的预解释1
1、预解释(变量提升):在当前作用域下,JS代码执行之前,浏览器首先会把所有带var和function关键字的进行提前的声明或者定义
var num = 12;
声明(declare): var num; -->声明的时候没有赋值,我们的默认值是undefined
定义(defined): num=12; 2、带var和带function的预解释不一样:
var:在预解释的时候,只声明未定义(只有代码执行的时候才会完成赋值定义)
function:在预解释的时候,声明和定义一起完成了(当代码在执行到定义的那一块的时候就不用管了) 全局作用域下的预解释:var num; fn=xxxfff000; (fn函数里面的此时都还是一堆字符串呢,所以全局预解释的时候,是不管函数里面的-->只有当函数执行,里面的字符串变为代码的时候才会进行里面的预解释)
console.log(num);-->undefined
var num = 12;-->num=12
function fn() {21~25都是fn定义的部分,但是在预解释的时候已经完成了,所以我们直接的跳过即可
console.log(num);-->undefned
var num = 13;
console.log(num);-->13
}
fn();
console.log(num);-->12 3、带var和不带var的区别?
console.log(num);-->undefined
var num = 12;
console.log(num);-->12 console.log(num);-->Uncaught ReferenceError: num is not defined 错误就是变量不存在 (JS中的错误机制:上面的代码执行报错(浏览器的异常信息),下面的代码都不在执行了)
num = 12;
console.log(num); 以下的区别只对全局作用域下的全局变量起到作用
var num=12; -->一方面是定义了一个全局的变量,另外一方面也相当于给window增加了一个属性num
num=12; -->相当于给window增加了一个属性num -->window.num=12;
var num = 12;
console.log(num);-->12 num = 12;
console.log(num);-->12 4、关于私有作用域中的变量
console.log(num);-->undefined
var num = 12;
function fn() {
console.log(num);-->输出全局作用域下num变量的值12
num = 13;-->把全局下的num变量的值修改为13
console.log(num);-->输出全局作用域下num变量的值13
}
fn();
console.log(num);-->输出全局作用域下num变量的值13 function fn() {
console.log(num);-->Uncaught ReferenceError: num is not defined
num = 13;
console.log(num);
}
fn();
console.log(num); function fn() {
num = 13;-->num不是私有的变量,则向上一级查找,发现全局也没有,在window下增加了一个num的属性名,属性值是13
console.log(num);-->window.num 13
}
fn();
console.log(num);-->window.num 13 总结:
1、预解释只发生在当前的作用域下
2、如何区分私有的变量?
在私有作用域中声明的变量(函数)、形参,有且只有这两种情况下是私有的变量 -->只有在私有作用域中带var的或者形参才是私有的变量
在一个函数中我么遇到一个变量,按照上述的规律看是否为私有的,如果是私有的,那么当前函数体中此变量和外面没有任何的关系,是不同的变量
3、在一个私有作用域中发现一个非私有的变量,我们往它的上一级作用域进行查找,如果是上级的,则用上级的变量,如果上级也没有,则继续向上查找...一直找到window为止
4、函数执行形成一个私有的作用域,保护里面私有的变量不受外界的干扰,我们把函数的这种保护机制-->"闭包"
课程笔记:——Javascript 中的预解释1的更多相关文章
- 课程笔记:——javascript中的预解释2
in:检测某一个属性是否属于这个对象(既可以检测私有的属性,也可以检测公有的属性) --> attr in obj 1.不管条件是否成立,在预解释的时候,判断体中的带var和function的都 ...
- 第112天:javascript中函数预解析和执行阶段
关于javascript中的函数: 1.预解析:把所有的函数定义提前,所有的变量声明提前,变量的赋值不提前 2.执行 :从上到下执行,但有例外(setTimeout,setInterval,aja ...
- js中的预解释
在js中,带var 和function关键字的需要预解释: 那什么是预解释?就是在js代码执行之前,先申明好带有var 关键字和带有function关键字的变量,在内存里先安排好.但是带有var关键字 ...
- js学习笔记----JavaScript中DOM扩展的那些事
什么都不说,先上总结的图~ Selectors API(选择符API) querySelector()方法 接收一个css选择符,返回与该模式匹配的第一个元素,如果没有找到匹配的元素,返回null ...
- javascript中的预编译问题
Js作为脚本语言,可以不需要编译直接运行,但遇到类似变量或者函数同名,预编译方面的知识可以帮助我们更好解决问题. 示例: 这是一段js中普通的函数调用代码 <script>1. // ...
- 读书笔记-JavaScript中的全局对象
对于任何JavaScript程序,当程序开始运行时,JavaScript解释器都会初始化一个全局对象以供程序使用.这个JavaScript自身提供的全局对象的功能包括: 1.全局对象拥有一些常用的属性 ...
- codecademy课程笔记——JavaScript Promise
Promise是一种表示异步操作最终的结果的对象,一个Promise对象有三种状态 Pending: 初始状态 ,操作还未完成 Fullfilled:操作成功完成,且这个promise现在有一个r ...
- 《深入理解ES6》笔记—— JavaScript中的类class(9)
ES5中的近类结构 ES5以及之前的版本,没有类的概念,但是聪明的JavaScript开发者,为了实现面向对象,创建了特殊的近类结构. ES5中创建类的方法:新建一个构造函数,定义一个方法并且赋值给构 ...
- JS开发备忘笔记-- Javascript中document.execCommand()的用法
document.execCommand()方法处理Html数据时常用语法格式如下:document.execCommand(sCommand[,交互方式, 动态参数]) 其中:sCommand为指令 ...
随机推荐
- fiddler_技巧01
1.选择一个包后,要点击 "Inspectors"标签页 才能有"Raw"标签页 才能看到原始的详细信息 2. 3. 4. 5.
- mac 安装命令行开发者工具
terminal中执行: xcode-select --install然后点击 “安装”即可 mac命令行工具
- ORACLE误删除ASM磁盘修复
在数据库运维中,总会遇到一些粗心大意的DBA,一不小心删除一些东西,这里举例讲解在误删除ASM磁盘之后,如果用KFED工具进行恢复: [grid@RAC1 ~]$ sqlplus / as sysas ...
- 搭建Kafka集群(3-broker)
Apache Kafka是一个分布式消息发布订阅系统,而Kafka环境往往是在集群中配置的.本篇就对配置3个broker的Kafka集群进行介绍. Zookeeper集群 Kafka本身提供了启动了z ...
- Nodejs express中创建ejs项目,解决express下默认创建jade,无法创建ejs问题
最近在看<Node.js开发指南>,看到使用nodejs进行web开发的时候,准备创建ejs项目遇到问题了, 书上命令为: express -t ejs microblog 可是执行后,仍 ...
- find / -type f -name "*fetion*" |xargs rm -rf {}\
find / -type f -name "*fetion*" |xargs rm -rf {}\
- 删除win8的网络连接记录
打开注册表,HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\NetworkList\Profiles,修改各个子项里的P ...
- SAP播放本地视频及音频(仅限于window MediaPlayer可播放文件)
这个是从SCN上看到的,自己稍加修改,编制,做的还可以,可以播放视频,音频,唯一的不足就是不能控制播放视频的显示窗口大小,希望有人能帮忙解决,感激! 视频播放类:(新建类Z_CL_MEDIA,点击基于 ...
- 深入浅出Mybatis系列(七)---mapper映射文件配置之insert、update、delete
上篇文章<深入浅出Mybatis系列(六)---objectFactory.plugins.mappers简介与配置>简单地给mybatis的配置画上了一个句号.那么从本篇文章开始,将会介 ...
- js正则表达式大全(1)
正则表达式中的特殊字符 \ 做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个单词的边界. ...