首先,回顾下上篇博文中js基础梳理-究竟什么是执行上下文栈(执行栈),执行上下文(可执行代码)?的执行上下文的生命周期: 3.执行上下文的生命周期 3.1 创建阶段 生成变量对象(Variable object, VO) 建立作用域链(Scope chain) 确定this指向 3.2 执行阶段 变量赋值 函数引用 执行其他代码 1.什么是变量对象(Variable Object) 在写程序的时候会定义很多变量和函数,那js解析器是如何找到这些变量和函数的? 变量对象是与执行上下文对应的概念,在…
日常在群里讨论一些概念性的问题,比如变量提升,作用域和闭包相关问题的时候,经常会听一些大佬们给别人解释的时候说执行上下文,调用上下文巴拉巴拉,总有点似懂非懂,不明觉厉的感觉.今天,就对这两个概念梳理一下,加深对js基础核心的理解. 1. 执行上下文(execution context)与可执行代码(execution code) 1.1 首先说一下,可执行代码的类型有哪些: 全局代码:例如加载外部的js文件或者本地标签内的代码.全局代码不包括 function 体内的代码 函数代码:functi…
首先,依然回顾<js基础梳理-究竟什么是执行上下文栈(执行栈),执行上下文(可执行代码)?>中的 3.执行上下文的生命周期 3.1 创建阶段 生成变量对象(Variable object, VO) 建立作用域链(Scope chain) 确定this指向 3.2 执行阶段 变量赋值 函数引用 执行其他代码 我们已经梳理了在执行上下文中的变量对象是如何生成的以及作用域链是如何建立的.本篇文章就继续梳理下,执行上下文的this指向是如何确定的. 首先,执行上下文分全局执行上下文和函数执行上下文,在…
本文重点是要梳理执行上下文的生命周期中的建立作用域链,在此之前,先回顾下关于作用域的一些知识. 1.什么是作用域(scope)? 在<JavaScritp高级程序设计>中并没有找到确切的关于作用域的定义,只是在"4.2执行环境及作用域"中简单说了下执行环境(execution context)的概念.而执行环境其实就是之前博客:js基础梳理-究竟什么是执行上下文栈(执行栈),执行上下文(可执行代码)?中的执行上下文. 而在<JavaScript权威指南>中,对作…
js基础 - 变量 *大家对js一定不会陌生,入门很简单(普通入门),很多人通过网络资源.书籍.课堂等很多途径学习js,但是有些js基础的只是往往被大家遗漏,本章就从js变量类型来说一说js 变量类型* js变量类型分为基本类型(或者叫值类型)和引用类型.值类型包括Number.Boolean.String.undefined. null.Symbol (ES6 新增). 引用类型包括Object .Array.Function.Date.RegExp,值类型存放在栈内存中,引用类型的数据是存放…
变量对象VO 变量对象VO是与执行上下文相关的特殊对象,用来存储上下文的函数声明,函数形参和变量.在global全局上下文中,变量对象也是全局对象自身,在函数上下文中,变量对象被表示为活动对象AO. 变量对象VO存储上下文中声明的以下内容 { 函数声明FD(如果在函数上下文中),--不包含函数表达式 函数形参function arguments, 变量声明–注意b=10不是变量,但是var b = 10;是变量,有变量声明提升 var a = 10; function test(x) { var…
我估计有很多像我这样非计算机专业的人进入到前端之后,总是在写业务代码,思考什么什么效果如何实现,导致很多基础概念型的东西都理解得并不太清楚.经常一碰到群里讨论的些笔试题什么的,总觉得自己像是一个假前端似的,似懂非懂,就算会做也不能清楚的表述为什么会是那样的结果.总是自己安慰自己,反正正常项目很少这么写代码.不知道也没关系,但是时间久了,发现不深刻系统的理解这些东西,工作中经常碰到一些莫名其妙的坑,或者有时候觉得看别人插件的代码,别人究竟是如何一步步实现的? 慢慢的就有了越来越强的想法把这些基础知…
1.js的基础语法2.js调试 1.F12调出控制台,查看提示错误及其位置. 2.出错时只影响当前代码块,不会影响其他代码块,后续代码块继续执行.3.语法规范 1.js语句:可执行的最小单元 必须以 ; 结束 严格区分大小写 ex:console.log(); //正确 Console.log(); //错误 所有符号必须是英文标点符号 2.js注释 // :单行注释 /**/ :多行注释4.变量和常量 1.变量 1.声明变量 var 变量名; ex: var uname; 2.为变量赋值 变量…
js页面效果学习 (轮播图,文字滚动效果等等) javascript能来做什么 1.数据验证 2.将动态的内容写入网页中(ajax) 3.可以对时间做出响应 4.可以读写html中的内容 5.可以检测浏览器 6.模拟动画 javascript是一种能让你的网页活泼的语言,你可以利用javascript轻易做出亲切的欢迎提示,漂亮的轮播图.有广告效果的跑马灯.还可以显示浏览器停留的时间让这些特殊的效果提高网页的可观性.和用户更好的交互,是web2.0时代不可或缺的客户端语言 前端通过post,ge…
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 字面量,都是一些不可改变的值 * 比如 :1 2 3 4 5 ,字面量都是可以直接使用,但是我们一般都不会直接使用字面量 * * 变量 变量可以用来保存字面量,而且变量的值是…