JS函数的上下文环境

【JS函数的上下文环境】的更多相关文章

JS函数的上下文环境

var i=1; var fn1=function(){ console.log(i); } var fn2=function(){ var i=2; fn1(); } fn2(); // 1 fn1()函数的指向为window.函数的执行环境是在定义时确定的.…

js中当call或者apply传入的第一个参数是null/undefined时，js函数内执行的上下文环境是什么？

在js中我们都知道call/apply,还有比较少用的bind;传入的第一个参数都是改变函数当前上下文对象; call/apply区别在于传的参数不同,一个是已逗号分隔字符串,一个以数组形式.而bind和call几乎没差别只是将值返回. 可是当我们将null/undefined作为值传进去的时候呢?居然得到的是window,当前js运行环境的全局对象. 这其实在es5中就有解释的:传入null/undefined的时候将执行js全局对象浏览器中是window,其他环境是global.这样就解释得…

当call/apply传的第一个参数为null/undefined的时候js函数内执行的上下文对象是什么呢？

如题:在js中我们都知道call/apply,还有比较少用的bind;传入的第一个参数都是改变函数当前上下文对象;call/apply区别在于传的参数不同,一个是已逗号分隔字符串,一个以数组形式.而bind和call几乎没差别只是将值返回. 可是当我们将null/undefined作为值传进去的时候呢?居然得到的是window,当前js运行环境的全局对象. 这其实在es5中就有解释的:传入null/undefined的时候将执行js全局对象浏览器中是window,其他环境是global.这样就解…

【学习笔记】深入理解js原型和闭包（18）——补充：上下文环境和作用域的关系

本系列用了大量的篇幅讲解了上下文环境和作用域,有些人反映这两个是一回儿事.本文就用一个小例子来说明一下,作用域和上下文环境绝对不是一回事儿. 再说明之前,咱们先用简单的语言来概括一下这两个的区别. 00 上下文环境: 可以理解为一个看不见摸不着的对象(有若干个属性),虽然看不见摸不着,但确实实实在在存在的,因为所有的变量都在里面存储着,要不然咱们定义的变量在哪里存? 另外,对于函数来说,上下文环境是在调用时创建的,这个很好理解.拿参数做例子,你不调用函数,我哪儿知道你要给我传什么参数? 01 作…

【学习笔记】深入理解js原型和闭包（13）——【作用域】和【上下文环境】

上文简单介绍了作用域,本文把作用域和上下文环境结合起来说一下,会理解的更深一些. 如上图,我们在上文中已经介绍了,除了全局作用域之外,每个函数都会创建自己的作用域,作用域在函数定义时就已经确定了.而不是在函数调用时确定. 下面我们将按照程序执行的顺序,一步一步把各个上下文环境加上.另外,对上下文环境不了解的朋友,可以去看看之前的两篇文章: https://www.cnblogs.com/lauzhishuai/p/10078231.html https://www.cnblogs.com/lau…

js模版引擎handlebars.js实用教程——with-进入到某个属性(进入到某个上下文环境)

返回目录 <!DOCTYPE html> <html> <head> <META http-equiv=Content-Type content="text/html; charset=utf-8"> <title>with-进入到某个属性(进入到某个上下文环境) - by 杨元</title> </head> <body> <h1>with-进入到某个属性(进入到某个上下文环境…

js函数绑定同时，如何保留代码执行环境？

经常写js的程序员一定不会对下面这段代码感到陌生. var EventUtil = { addHandler : function(element, type, handler){ if(element.addEventListener){ element.addEventListener(type, handler, false); }else if(element.attachEvent){ element.attachEvent("on"+type,handler); }else…

通俗易懂的来讲讲js的函数执行上下文

0.开场白在平时编写JavaScript代码时,我们并不会和执行上下文直接接触,但是想要彻底搞懂JavaScript函数的话,执行上下文是我们绕不过去的一个知识点. 1.执行上下文栈 JavaScript在对一个函数的每次调用,都会创建一个执行上下文,然后基于这个执行上下文运行函数体内的代码.一个函数可能会创建无数的执行上下文,因为对函数的每次调用(即使在函数内部调用自己)都会创建一个具有新状态的上下文. 当函数a执行的时候,会创建一个函数a的执行上下文,然后执行函数a中的代码,在函数a中调用…

JS 函数的柯里化与反柯里化

===================================== 函数的柯里化与反柯里化 ===================================== [这是一篇比较久之前的总结了,若有错漏,请指正!] 柯里化 currying 维基百科的名词解释:柯里化(英语:Currying),又译为卡瑞化或加里化,是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术.这个技术由 Christopher Stra…

深入理解javascript原型和闭包（13）-【作用域】和【上下文环境】

上文简单介绍了作用域,本文把作用域和上下文环境结合起来说一下,会理解的更深一些. 如上图,我们在上文中已经介绍了,除了全局作用域之外,每个函数都会创建自己的作用域,作用域在函数定义时就已经确定了.而不是在函数调用时确定. 下面我们将按照程序执行的顺序,一步一步把各个上下文环境加上.另外,对上下文环境不了解的朋友,可以去看看之前的两篇文章: http://www.cnblogs.com/wangfupeng1988/p/3986420.html http://www.cnblogs.com/wan…

深入理解javascript原型和闭包（18）——补充：上下文环境和作用域的关系

本系列用了大量的篇幅讲解了上下文环境和作用域,有些人反映这两个是一回儿事.本文就用一个小例子来说明一下,作用域和上下文环境绝对不是一回事儿. 再说明之前,咱们先用简单的语言来概括一下这两个的区别. 00 上下文环境: 可以理解为一个看不见摸不着的对象(有若干个属性),虽然看不见摸不着,但确实实实在在存在的,因为所有的变量都在里面存储着,要不然咱们定义的变量在哪里存? 另外,对于函数来说,上下文环境是在调用时创建的,这个很好理解.拿参数做例子,你不调用函数,我哪儿知道你要给我传什么参数? 01 作…

JS函数——作用域

一 : 作用域的相关概念首先看下变量作用域的概念:一个变量的作用域是程序源代码中定义这个变量的区域.————————<javascript权威指南>第六版全局变量拥有全局作用域,函数体内定义的局部变量拥有函数作用域. 就个人理解,作用域(scope),顾名思义,是一块区域或领域 ,并且有某些对象(包括变量,属性,方法等)能够在这里起作用:作用域是在定义的时候决定的,和什么时候执行无关:这时候问题来了: 问题1:区域在那儿? 他是一个概念,是看不到摸不着的:在这个区域内原本是什么都没有…

JS 函数节流和去抖

1.什么是节流和去抖? 节流.就是拧紧水龙头让水少流一点,但是不是不让水流了.想象一下在现实生活中有时候我们需要接一桶水,接水的同时不想一直站在那等着,可能要离开一会去干一点别的事请,让水差不多流满一桶水的时候再回来,这个时候,不能把水龙头开的太大,不然还没回来水就已经满了,浪费了好多水,这时候就需要节流,让自己回来的时候水差不多满了.那在JS里有没有这种情况呢,典型的场景是图片懒加载监听页面的scoll事件,或者监听鼠标的mousemove事件,这些事件对应的处理方法相当于水,由于scroll…

深入理解JS函数中this指针的指向

函数在执行时,会在函数体内部自动生成一个this指针.谁直接调用产生这个this指针的函数,this就指向谁. 怎么理解指向呢,我认为指向就是等于.例如直接在js中输入下面的等式: console.log(this===window);//true 情况不同,this指向的对象也不同.例如: 1. 函数声明的情况 var bj=10; function add(){ var bj=20; console.log(this);//window console.log( console.log(b…

NodeJs>------->>第二章：Node.js中交互式运行环境--------REL

第二章:Node.js中交互式运行环境--------REL 一:REPL运行环境概述 C:\Users\junliu>node > foo = 'bar' ; 'bar' > 二:在REPL运行环境中操作变量 C:\Users\junliu>node > foo='bar' 'bar' > var foo='bar' undefined > console.log("foo='bar'"); //控制台窗口中将输出"bar"…

JS 函数（arguments、箭头函数、bind）

参数函数内部可用的 arguments 对象来访问函数的实参注意在函数递归调用的时候(在某一刻同一个函数运行了多次,也就是有多套实参),那么 arguments 属性的值是最近一次该函数调用时传入的实参如果函数不在执行期间,那么该函数的 arguments 属性的值是 null arguments对象不是一个 Array .它类似于Array,但除了length属性和索引元素之外没有任何Array属性.例如,它没有 pop 方法,但是可以使用Array.prototype.pop.cal…

学好js，这些js函数概念一定要知道

函数创建方式 1.声明方式例如:function consoleTip (){ console.log("tip!"); } 2.表达式方式例如:var consoleTip = function(){ console.log("tip!"); }两种方式的区别: 1.表达式方式适合用来定义只使用一次的函数,声明方式定义的函数没有这个限制,当然也不是绝对的,这个区别只适用于编码规范上: 2.声明方式定义的函数可以在函数调用之前定义也可以在函数调用之后定义,而表达…

深入理解JS函数节流和去抖动

一.什么是节流和去抖? 1.节流节流就是拧紧水龙头让水少流一点,但是不是不让水流了.想象一下在现实生活中有时候我们需要接一桶水,接水的同时不想一直站在那等着,可能要离开一会去干一点别的事请,让水差不多流满一桶水的时候再回来,这个时候,不能把水龙头开的太大,不然还没回来水就已经满了,浪费了好多水,这时候就需要节流,让自己回来的时候水差不多满了. 那在JS里有没有这种情况呢,典型的场景是图片懒加载监听页面的scoll事件,或者监听鼠标的mousemove事件,这些事件对应的处理方法相当于水,由于s…

JS中的执行环境和作用域

window 是最大最外围的执行环境,然后每个函数都有自己的执行环境.JS代码是从上到下执行的,单纯的用语言描述可能会有点绕,而且不大直观.我们看着代码来 console.log('global begin:' + i); var i = 1 foo(1) function foo(i){ if(i == 4){ return } console.log('foo() begin:' + i); foo(i+1) console.log('foo() end:' + i); } console.…

JS之执行上下文

执行上下文(execution context),是JS中的一个很重要的概念.它对于我们理解函数定义,执行时都做了什么有着很大的意义.理解它我们才能明白我们常说的函数声明提升,作用域链,闭包等原理. 在解释之前,我们先来看看经常会看到这样一段代码. console.log(a); //undefined var a =1; 这段代码我们都知道原因,也就是变量声明提升. 再看下面一段代码 var a=10; function b(){ console.log(a);//undefiend var…

js函数—隐形参数this

前言 this是函数中的隐形参数,它绑定的值取决于函数的调用位置. this的定义 <你不知道的js>中是这样说的:是函数体内的隐式参数,this就是记录函数调用上下文的一个属性.可以在函数体中使用this引用函数的调用上下文.this的绑定关注的是函数的调用位置. 调用位置:是函数在调用时的位置,区别于函数声明时的位置. this的绑定规则 this绑定方式取决于函数的调用位置,根据不同的场景,有四中绑定方式(默认.隐式.显示.构造调用中的绑定).多种情况同时存在时,依靠的是这四中规则的优先…

如何编写高质量的 JS 函数（1） -- 敲山震虎篇

本文首发于 vivo互联网技术微信公众号链接:https://mp.weixin.qq.com/s/7lCK9cHmunvYlbm7Xi7JxQ作者:杨昆一千个读者,有一千个哈姆雷特. 此系列文章将会从函数的执行机制.鲁棒性.函数式编程.设计模式等方面,全面阐述如何通过 JavaScript 编写高质量的函数. 一.引言如何通过 JavaScript 编写高质量的函数,这是一个很难回答的问题,不同人心中对高质量有自己的看法,这里我将全面的阐述我个人对如何编写高质量函数的一些看法.看法可能…

如何编写高质量的 JS 函数（2） -- 命名/注释/鲁棒篇

本文首发于 vivo互联网技术微信公众号链接:https://mp.weixin.qq.com/s/sd2oX0Z_cMY8_GvFg8pO4Q作者:杨昆上篇<如何编写高质量的 JS 函数(1) -- 敲山震虎篇 >介绍了函数的执行机制,此篇将会从函数的命名.注释和鲁棒性方面,阐述如何编写高质量的 JS 函数. (一)函数命名一.目前前端的函数命名存在什么问题从上图可以知道,命名和缓存是计算机科学中的两大难题. 本文要说的函数命名,虽然涉及到的范围较窄,但思想都一样,完全可以借鉴到其…

Underscore——JS函数库

转载请注明原文地址:https://www.cnblogs.com/ygj0930/p/10826065.html underscore是什么——它是一个js函数库 jQuery统一了不同浏览器之间的DOM操作的差异,让我们可以简单地对DOM进行操作,而underscore则提供了一套完善的函数接口,让我们更方便地在JavaScript中实现函数式编程. Underscore.js是一个很精干的库,压缩后只有6KB,它提供了100多个函数,弥补了js标准库的不足,包括常用的: map, filt…

一文弄懂js的执行上下文与执行上下文栈

目录执行上下文与执行上下文栈变量提升与函数提升变量提升函数提升变量提升与函数提升的优先级变量提升的一道题目引出var关键字与let关键字各自的特性执行上下文全局执行上下文函数(局部)执行上下文详细介绍执行上下文的过程创建阶段执行上下文栈执行上下文栈面试题及其解析执行上下文与执行上下文栈变量提升与函数提升变量提升通过var关键字申明的变量,能够在定义语句之前访问到,值为undefined console.log(a) // undefined var a = 'F…

Js函数function基础理解

正文:我们知道,在js中,函数实际上是一个对象,每个函数都是Function类型的实例,并且都与其他引用类型一样具有属性和方法.因此,函数名实际上是指向函数对象的指针,不与某个函数绑定.在常见的两种定义方式(见下文)之外,还有一种定义的方式能更直观的体现出这个概念: var sum = new Function("num1", "num2", "return num1 + num2"); //不推荐 Function的构造函数可以接收任意数量的参…

深入理解js——作用域和上下文环境

如图除全局作用域外,每个函数都会创建自己的作用域.作用域在函数定义时就确定了,而不是在函数调用时确定. 下面按照程序执行的步骤加上上下文环境. 第一步:程序加载时已经确定全局上下文环境,并随着程序的执行对变量进行赋值. 第二步:程序执行到第27行,调用fn(10),此时生成此次调用fn函数时的上下文环境,压栈,并将此上下文环境设置为活动状态. 第三步:执行到第23行时,调用bar(100),生成此次调用的上下文环境,压栈,并设置为活动状态. 第四步:执行完第23行,bar(100)调用完成.则b…

js 函数和变量的提升

js 函数和变量的提升 1. 函数的作用域: js中 ,函数的作用域为函数,而不是大括号. var hei = 123;if(true){ hei = 456;}console.log(hei);// 456; var hei = 123;if(true){ (function(){ var hei = 456;})(); }console.log(hei); // 123 函数内部可以用用函数外部的变量,而函数外部的不可以用函数内部的变量(可以用闭包实现效果,随后总结). (function(…

javascript 函数执行上下文

在js里,每个函数都有一个执行的上下文,我们可以通过this来访问. 如: 全局函数 function test(){ var local = this; } 我们发现local等于window(dom根对象),也就是说全局函数实际上是window的一个属性. 同理全局变量也是如此. 比如 var name = 'phil'; 我们可以通过window['name']或者window.name 来访问. 而当函数是某一个对象的属性的时候,该函数的上下文就是该对象. var student = {…

在iframe里调用parent.func()引出的js函数运行在它们被定义的作用域里,而不是它们被执行的作用域里

有个document里定义了一个函数func(),同时在document里嵌入了一个iframe,在这个iframe里调用父窗口的方法:parent.func(),本来我以为这个函数的运行环境是在这个iframe自己里面,测试发现虽然是在iframe里面调用的这个函数,但是运行环境依然是在父窗口里. 所以也验证了JS权威指南中的:js函数运行在它们被定义的作用域里,而不是它们被执行的作用域里. 又比如 var a=1; function f1(){console.log(a);}; functi…