// 测试1

console.log('----------test1--------------');

console.log(global); // undefined

var global = 'hahaha';

console.log(global); // hahaha

function fn(){

console.log(a); // undefined

var a = 'aaa';

console.log(a); // aaa

}

// 如果一个变量没有定义的话就去输出,就会报出错误

//console.log(a); // error : undefined

fn();

// 代码执行思路解析

/*var global; // 变量提升,全局作用域范围内,此时只是声明,并没有赋值

console.log(global); // undefined

global = 'hahaha'; // 此时给变量赋值

console.log(global); // 输出已经赋值过的global变量

function fn(){

var a; // 变量提升为函数作用域范围内

console.log(a);

a = 'aaa';

console.log(a);

}

fn();*/

// 测试2 : 函数提升

console.log("------------------函数提升测试-----------------");

console.log(f1); // [Function: f1]

console.log(f2); // undefined

function f1(){ // 这块代码会自动函数提升,整个代码块提升到文件的最开始部分

}

var f2 = function(){

}

console.log(f2);

// 测试3

console.log("------------test3---------------");

// 第一步会先去执行f1()函数,执行完毕这个函数之后开始打印输出这个函数的返回值

console.log(f1()); // undefined 123456hahaha

function f1(){

console.log('aaa'); // aaa

return '123456hahaha';

}

console.log(f4); // var f4 undefined

var f4 = function(){

console.log('f4 executed!');

return 'f4 hahaha!';

}

console.log(f4, typeof f4); // 这里得到的实际上是一个函数

// 测试4

console.log('-------------test4------------');

console.log(aaa); // undefined

aaa = '987654321'; // 987654321

console.log(aaa);

var aaa = '123456789';

console.log(aaa); // 123456789

var aaa = '789';

console.log(aaa); // 789

// 测试5

console.log('--------------test5----------------');

var a = '12346789';

(function(){

// 这里的a默认是回去寻找全局作用域里面的a变量

console.log(a); /// error : a is not defined

a = '113579';

var b = 'bbb';

console.log(a);

})();

// 测试6

// 在方法外边不加上一个var是不能来定义变量的

//01. 都加var,在方法内则是局部变量,在方法外则是全局变量。

//02. 在方法内,加var为局部变量,不加var则是全局变量(在执行当前方法之后)

//console.log(bianliang); // error : is not defined

console.log('-----------------test6-----------------');

function test(){

//console.log(shuchubianliang); // error : is not defined

}

test();

var aaaa = 'I\'m a in all'

function test1 () {

// 相当于是var a, 然后输出a的值,当然是undefined

console.log(aaaa)

//console.log(window.a)

var a = 'I\'m a in test1'

console.log(a)

}

test1()

// JavaScript会把作用域里的所有变量和函数提到函数的顶部声明

// JavaScript会使用undefined缺省值创建变量a

console.log(aaaaaaa); // error

var aaaaaaa = '11';

console.log('------------test7-------------');

//思考题: 请问下面的结果是什么? 为什么? 写下你的答案

show();

var a = true;

if( a ){

function show(){

console.log( 1 );

}

}else {

function show(){

console.log( 2 );

}

}

//函数声明, 形如:

function show(){

console.log( '函数声明方式' );

} // 会被提升为全局

//函数表达式, 形如:

var show = function(){

console.log( '表达式方式' );

} // 不会被提升为全局的

【JavaScript高级进阶】JavaScript变量/函数提升的细节总结的更多相关文章

  1. JavaScript高级程序设计学习笔记--函数表达式

    关于函数声明,它的一个重要特征就是函数声明提升,意思是在执行代码之间会读取函数声明,意思是在执行代码之前会先读取函数声明.这就意味着可以把函数声明放在调用它的语句 后面. sayHi(); funct ...

  2. 《JavaScript高级程序设计》 -- 变量、作用域和内存问题(二)

    1.基本类型与引用类型 基本类型:值保存在变量中 (Number.String.Boolean.Undefined.Null).在内存中占据固定大小空间,被保存在栈内存中 引用类型:值是保存在内存中的 ...

  3. javascript高级程序设计读书笔记----函数表达式

    定义函数两种方式: 1.函数声明 function sayHi(){ alert("Hi"); } sayHi();//调用函数 2.函数表达式 var sayHi = funct ...

  4. 读javascript高级程序设计16-几条函数小技巧

    内容概要 作用域安全的构造函数 惰性载入函数 函数绑定 函数节流 一.作用域安全的构造函数 我们知道,当使用new操作符调用构造函数时,构造函数内部的this会指向新创建对象的实例. function ...

  5. javascript高级知识分析——定义函数

    代码信息来自于http://ejohn.org/apps/learn/. 可以使用哪些方式来声明函数? function isNimble(){ return true; } var canFly = ...

  6. JavaScript高级程序设计-(3) 变量、作用域和内存问题

    传递参数 ECMAScript所有函数参数都是按值传递的,即使对象在函数内部修改了参数的值,原始的引用任然不变,局部对象在函数执行完毕后被销毁

  7. Javascript高级程序设计——javascript简介

    1.Javascript简史 javascript诞生于1995年,是由网景公司的Brendan Eich开发的,最初的目的是在客户端处理一些输入验证操作,自此后成为常见浏览器的特色功能,如今用途已经 ...

  8. Javascript高级程序设计——Javascript简史+使用Javascript

    一.Javascipt简史 1.了解Javascript历史 Netscape(Javascript1.0).Microsoft(JScript)到JS1.1,再到ECMA-262标准 2.知道ECM ...

  9. 浅谈JavaScript变量声明提升

    前段时间阿里实习生内推,一面就被刷了,也是郁闷.今天系统给发通知,大致意思就是内推环节不足以了解彼此,还可以参加笔试,于是赶紧再投一次.官网流程显示笔试时间3月31日,时间快到了,开始刷题.网上搜了一 ...

随机推荐

  1. POJ2584_T-Shirt Gumbo(二分图多重最大匹配/最大流)

    解题报告 http://blog.csdn.net/juncoder/article/details/38239367 题目传送门 题意: X个參赛选手,每一个选手有衣服大小的范围,5种大小的队服,求 ...

  2. [E2E] Visual Differing Tests with Puppeteer and PixelMatch

    Take your end to end tests to the next level by comparing your current application's view with an al ...

  3. C++和C#的指针小解

    昨天和赵崇说了一下工作的事情,说起了性能问题就讨论起了数据结果和指针对性能的影响.曾经一直没有想到这方面的事情,这几天专门抽时间回想一下这方面的知识,然后一点一点的总结一下,看看数据结构和指针在咱们代 ...

  4. AFNetworking 3.0携带參数上传文件Demo

    一.服务端代码: 服务端是java用国产nutz搞的,实际mvc框架都大同小异.就是提交文件的同一时候还带了个表单參数 @AdaptBy(type=UploadAdaptor.class, args= ...

  5. stack 栈

    其实今天我们主要讲的是搜索,但是留作业不知道怎么就突然全变成栈了. 其实栈和队列没什么区别,只是一个先进先出,一个先进后出.基本操作也是一样的. 栈(stack)又名堆栈,它是一种运算受限的线性表.其 ...

  6. H264的RTP负载打包的数据包格式,分组,分片

    H264的RTP负载打包的数据包格式,分组,分片 1.    RTP数据包格式 RTP报文头格式(见RFC3550 Page12): 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 ...

  7. html5 窗口之间的通信

    一般窗口通信分为三种: iframe嵌套:多个iframe之间通信. 父页面操作子页面元素:oFrame.contentWindow.document.body. 父页面调用子页面方法:oFrame. ...

  8. 数据通讯与网络 第五版第24章 传输层协议-UDP协议部分要点

    24.1 介绍 本章节主要集中于传输层协议的解读,图24.1展示TCP.UDP.SCTP在TCP\IP协议栈的位置 24.1.1 服务(Service) 每个协议都提供不同的服务,所以应该合理正确的使 ...

  9. 1.ArcGis几何图形之几何计算

    /// <summary> /// 检测几何图形A是否包含几何图形B /// </summary> /// <param name="pGeometryA&qu ...

  10. Redis(五)-数据库

    Redis是一个字典结构的存储服务器,而实际上一个Redis实例提供了多个用来存储数据的字典,客户端可以将制定的书存储在哪个字典中,这与关系书库实例中可以i创建多个数据库类似,所以可以将其中的每个字典 ...