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的更多相关文章

  1. 课程笔记:——javascript中的预解释2

    in:检测某一个属性是否属于这个对象(既可以检测私有的属性,也可以检测公有的属性) --> attr in obj 1.不管条件是否成立,在预解释的时候,判断体中的带var和function的都 ...

  2. 第112天:javascript中函数预解析和执行阶段

    关于javascript中的函数:  1.预解析:把所有的函数定义提前,所有的变量声明提前,变量的赋值不提前  2.执行 :从上到下执行,但有例外(setTimeout,setInterval,aja ...

  3. js中的预解释

    在js中,带var 和function关键字的需要预解释: 那什么是预解释?就是在js代码执行之前,先申明好带有var 关键字和带有function关键字的变量,在内存里先安排好.但是带有var关键字 ...

  4. js学习笔记----JavaScript中DOM扩展的那些事

    什么都不说,先上总结的图~   Selectors API(选择符API) querySelector()方法 接收一个css选择符,返回与该模式匹配的第一个元素,如果没有找到匹配的元素,返回null ...

  5. javascript中的预编译问题

    Js作为脚本语言,可以不需要编译直接运行,但遇到类似变量或者函数同名,预编译方面的知识可以帮助我们更好解决问题. 示例: 这是一段js中普通的函数调用代码 <script>1.    // ...

  6. 读书笔记-JavaScript中的全局对象

    对于任何JavaScript程序,当程序开始运行时,JavaScript解释器都会初始化一个全局对象以供程序使用.这个JavaScript自身提供的全局对象的功能包括: 1.全局对象拥有一些常用的属性 ...

  7. codecademy课程笔记——JavaScript Promise

      Promise是一种表示异步操作最终的结果的对象,一个Promise对象有三种状态 Pending: 初始状态 ,操作还未完成 Fullfilled:操作成功完成,且这个promise现在有一个r ...

  8. 《深入理解ES6》笔记—— JavaScript中的类class(9)

    ES5中的近类结构 ES5以及之前的版本,没有类的概念,但是聪明的JavaScript开发者,为了实现面向对象,创建了特殊的近类结构. ES5中创建类的方法:新建一个构造函数,定义一个方法并且赋值给构 ...

  9. JS开发备忘笔记-- Javascript中document.execCommand()的用法

    document.execCommand()方法处理Html数据时常用语法格式如下:document.execCommand(sCommand[,交互方式, 动态参数]) 其中:sCommand为指令 ...

随机推荐

  1. an interview question(1)

    声明:本文为博主原创文章,未经博主允许不得转载. 以下是英文翻译: warnning: Copyright!you can't reprint this blog when you not get b ...

  2. Javascript 数组常用操作方法

    一.数组 Array 1.创建数组 /* 构造函数 */ var arr1 = new Array(); //创建一个空数组 var arr1 = new Array(5); //创建指定长度数组(数 ...

  3. iOS开发 跳转系统设置

    NSURL *url = [NSURL URLWithString:UIApplicationOpenSettingsURLString]; [[UIApplication sharedApplica ...

  4. 删除文件夹工具【fuckwinfsdel】,如 node_modules

    强力删除文件夹. 安装 npm install fuckwinfsdel -g 使用 fuckwinfsdel youdir 例 fuckwinfsdel node_modules 项目地址 http ...

  5. Contiki-一个进程的例子

    进程调度器 进程调度器的作用是调用进程.进程调度器通过调用实现进程线程的函数来调用进程.Contiki中所有的进程被设计为响应传递到进程中的事件,或者相应进程请求的轮询.进程调度器在调度进程的时候会将 ...

  6. 正则匹配中 ^ $ 和 \b 的区别

    正则匹配中 ^ $ 和 \b 的区别     ^和$分别代表字符串的开始和结束,因此^\d$只能匹配包含一个数字的字符串\b代表单词边界,其前后必须是不同类型的字符,可以组成单词的字符为一种类型,不可 ...

  7. ie8兼容性(不支持trim 、readonly光标、乱码encodeURI())

    IE8下String的Trim()方法失效的解决方案 1.用jquery的trim()方法,$.trim(str)就可以了. 2.String扩展: 第一种 String.prototype.trim ...

  8. java selenium验证元素是否存在

    public boolean ElementExist(WebDriver driver,By locator)    {        try {            driver.findEle ...

  9. JAVA04类与对象之课后问题解决

    1.验证ClassAndObjectTest.java(使用自定义类) public class ClassAndObjectTest { public static void main(String ...

  10. 开源代码Window下搭建rtmp流媒体服务器

    合肥程序员群:49313181. 合肥实名程序员群:128131462 (不愿透露姓名和信息者勿加入) Q Q:408365330 E-Mail:egojit@qq.com 综合:有这样需求,将摄像头 ...