javascript之小积累-匿名函数表达式的最佳实践

在写js的时候,还是经常会用的匿名函数表达式,比如 setTimeout(function() { console.log(110); }, 1000); 上面那个function()就是匿名函数表达式了,这种写法的好处是书写简单快捷,不用考虑给函数取名,十分方便. 但是,也有几个缺点: 1. 匿名函数在栈追踪中不会显示有意义的函数名,使得调试起来很困难 2. 匿名函数无法调用自身,只能使用arguments.callee引用 3. 匿名函数省略了对于代码的可读性,一个有函数名的函数能见名知意…

[转]Javascript中的自执行函数表达式

[转]Javascript中的自执行函数表达式本文转载自:http://www.ghugo.com/javascript-auto-run-function/ 以下是正文: Posted on 2014年6月11日 by admin | 1 Reply 在写插件或我们日常代码中,经常都会用到自执行函数表达式,最简单,最常用的也就是匿名函数自运行了.如下代码结构: 1 (function(){ 2 //code 3 })() 网上看到一篇关于这方面的文章,讲得蛮详细,特转载到博客记录一下. 转载…

【转】javascript变量作用域、匿名函数及闭包

下面这段话为摘抄,看到网上大多数人使用的是变量在使用的时候声明而不是在顶端声明,也可能考虑到js查找变量影响性能的问题,哪里用就在哪里声明,也很好. 在Javascript中,我们在写函数的时候往往需要在函数内部定义一些临时变量.有些人喜欢在用到某个临时变量的时候再声明,而有的人喜欢在函数一开始就声明.一开始我以为这只是个人风格问题,后来细细想了一下,发觉在函数开始即声明是有一定的好处的.看下面这个例子. <script>var name = "Kevin";functio…

Javascript闭包和C#匿名函数对比分析

C#中引入匿名函数,多少都是受到Javascript的闭包语法和面向函数编程语言的影响.人们发现,在表达式中直接编写函数代码是一种普遍存在的需求,这种语法将比那种必须在某个特定地方定义函数的方式灵活和高效很多,比如回调和事件处理都特别适合使用表达式中直接编写函数的形式,因此C#的匿名函数也就应运而生. 初识C#中的匿名函数,多多少少并不是那么直观,在匿名函数中,可以直接使用该匿名函数所在的函数中的局部变量,这和Javascript闭包函数在语法形式和运行结果上非常相似,但两者在实现原理上却完全不…

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

关于函数声明,它的一个重要特征就是函数声明提升,意思是在执行代码之间会读取函数声明,意思是在执行代码之前会先读取函数声明.这就意味着可以把函数声明放在调用它的语句后面. sayHi(); function sayHi(){ alert("Hi!"); } 理解函数提升的关键,就是理解函数声明与函数表达式之间的区别. //不要这样做 if(condition){ function sayHi(){ alert("HI!"); } }else{ function sa…

JavaScript基础---作用域，匿名函数和闭包

匿名函数就是没有名字的函数,闭包是可访问一个函数作用域里变量的函数. 一．匿名函数 //普通函数 function box() { //函数名是 box return 'TT'; } //匿名函数 function () { //匿名函数,会报错 return 'TT'; } //通过表达式自我执行 (function box() { //封装成表达式 alert('TT'); })(); //()表示执行函数,并且传参 //把匿名函数赋值给变量 var box = functi…

JavaScript基础---作用域，匿名函数和闭包【转】

[javascript]IIFE立即执行的函数表达式

近况:最近一直忙着找实习没有更新,不过学习还是在继续的.最近在写Node.js又稍带把javascript的角落知识捡了一遍,过半个月打算去看看python和一些CSS深层的书和博客.工作找的还好,拿了两份实习offer,决定好去当小二了.这几天在看司徒老师的<javascript框架设计>,开篇第一张讲种子模块(即核心模块)里面提到了一个没见过的缩写词IIFE,查了查.看了看. 1.什么是IIFE IIFE是缩写,全拼Imdiately Invoked Function Expression…

【javaScript基础】马上调用函数表达式

在javaScript中,每一个函数被调用时,都会创建一个新的运行上下文.由于在一个函数里面定义的变量和函数仅仅能在里面訪问.在外面是不行的.上下文提供了一种非常easy的方法来创建私有性. //makeCounter函数返回另外一个匿名函数,这个匿名函数可以訪问到"私有"变量i, 好像有一点"特权"性. function makeCounter() { // i仅仅能在makeCounter的里面被訪问到 var i = 0; return function()…

【JavaScript专题】--- 立即执行函数表达式

一什么是立即执行函数表达式立即执行函数表达式,其实也可以叫初始化函数表达式,英文名:IIFE,immediately-inovked-function expression.立即执行函数表达式就是在定义的时候就立即执行. 二立即执行函数表达式的写法 1)写法一 (function (a) { console.log('The result is ' + a); })(5); // The result is 5 2)写法二 (function (a) { console.log('The…

JavaScript：立即执行的函数表达式

先要理解清楚几个概念: 以下转自:http://www.cnblogs.com/TomXu/archive/2011/12/31/2289423.html 问题的核心当你声明类似function foo(){}或var foo = function(){}函数的时候,通过在后面加个括弧就可以实现自执行,例如foo(),看代码: // 因为想下面第一个声明的function可以在后面加一个括弧()就可以自己执行了,比如foo(),// 因为foo仅仅是function() { /* cod…

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

定义函数两种方式: 1.函数声明 function sayHi(){ alert("Hi"); } sayHi();//调用函数 2.函数表达式 var sayHi = function(){ alert("Hi"); } sayHi();//调用函数函数声明提升(function declaration hoisting):在执行代码之前会先读取函数声明. sayHi(); function sayHi(){//函数声明可以放到调用它的语句后面 alert(&q…

再次理解JavaScript原型链和匿名函数

<!DOCTYPE html> <html lang="en"> <head>…

C++--- Lambda匿名函数表达式

视频教程:https://www.bilibili.com/video/av66419552/ 格式: [capture](parameters)mutable->returm-type{}; 函数的声明 [capture](parameters)mutable->returm-type{}(); 函数的调用 [] 表示表达式的开始,必须有: 如果[]里为空,表示任何变量都不会传递给lambda表达式 [=] 表示默认按值传递,传递给{}中用到的变量或对象按值传递:语句体内修…

javascript之小积累-.-typeof与instanceof的区别

1.typeof 是获取一个变量或表达式的类型,返回的值通常是string, number, boolean, object(null, 数组, 对象), function, undefined,可以用typeof 判断一个值是否为空. eg: if(typeof a != "undefined") { } 2.instanceof 是判断一个变量是否有某个对象的实例,返回值为true,false. eg : var a = new Array(); console.log(a…

javascript之小积累-获取url传参的值

在项目中经常遇到两个页面传值的情况,我采取的方案是通过url后面加参数,也就是get方式传值. 这个方式的优点是:传值.获取很方便. 缺点是:1. 把参数都暴露在浏览器中了,一些敏感信息不建议这样传: 2. 要是有捣蛋的人把浏览器的地址后缀改改,那样参数就有可能被改了: 3. 每个浏览器都有个最大的长度限制,其中ie最少,为2048 字符. 好了,回归正题,当用get方式传值的时候,需要获取一些需要值,有两个方案,有一个是自己写的: 方案一: function getQueryString (n…

javascript之小积累-.-添加form表单查询的enter键支持

/* * 列表查询的enter键支持 * author by 清风 */ function enterEvent() { document.onkeydown = function(event){ var e = event || window.event || arguments.callee.caller.arguments[0]; if (e && e.keyCode==13) { // enter 键 $('#queryBtn').click(); return…

javascript第八课匿名函数的使用

window.onload=function(){ //当窗体载入完成之后执行方法里的内容 document.getElementById("html标签id").onclick=function(){//给当前事件定义一个方法 } }…

JavaScript 函数声明，函数表达式，匿名函数，立即执行函数之区别

函数声明:function fnName () {-};使用function关键字声明一个函数,再指定一个函数名,叫函数声明. 函数表达式 var fnName = function () {-};使用function关键字声明一个函数,但未给函数命名,最后将匿名函数赋予一个变量,叫函数表达式,这是最常见的函数表达式语法形式. 匿名函数:function () {}; 使用function关键字声明一个函数,但未给函数命名,所以叫匿名函数,匿名函数属于函数表达式,匿名函数有很多作用,赋予一个变量…

JavaScript 函数表达式

JavaScript中创建函数主要有两种方法:函数声明和函数表达式.这两种方式都有不同的适用场景.这篇笔记主要关注的是函数表达式的几大特点以及它的使用场景,下面一一描述. 主要特点可选的函数名称函数名称是函数声明的必需组成部分,这个函数名称相当于一个变量,新定义的函数会复制给这个变量,以后函数的调用都需要通过这个变量进行.而对于函数表达式来说,函数的名称是可选的,例如下面的例子: var sub = function(a1,a2){ return a1-a2; } 这个例子中函数表达式没有名…

深入理解javascript系列（4）：立即调用的函数表达式

本文来自汤姆大叔前言大家学JavaScript的时候,经常遇到自执行匿名函数的代码,今天我们主要就来想想说一下自执行. 在详细了解这个之前,我们来谈了解一下“自执行”这个叫法,本文对这个功能的叫法也不一定完全对,主要是看个人如何理解,因为有的人说立即调用,有的人说自动执行,所以你完全可以按照你自己的理解来取一个名字,不过我听很多人都叫它为“自执行”,但作者后面说了很多,来说服大家称呼为“立即调用的函数表达式”. 本文英文原文地址:http://benalman.com/news/2010/1…

JavaScript中的函数表达式

在JavaScript中,函数是个非常重要的对象,函数通常有三种表现形式:函数声明,函数表达式和函数构造器创建的函数. 本文中主要看看函数表达式及其相关的知识点. 函数表达式首先,看看函数表达式的表现形式,函数表达式(Function Expression, FE)有下面四个特点: 在代码中须出现在表达式的位置有可选的函数名称不会影响变量对象(VO) 在代码执行阶段创建下面就通过一些例子来看看函数表达式的这四个特点. FE特点分析例子一:在下面代码中,"add"是一个函数对象…

[JS]深入理解JavaScript系列（4）：立即调用的函数表达式

转自:汤姆大叔的博客前言大家学JavaScript的时候,经常遇到自执行匿名函数的代码,今天我们主要就来想想说一下自执行.在详细了解这个之前,我们来谈了解一下"自执行"这个叫法,本文对这个功能的叫法也不一定完全对,主要是看个人如何理解,因为有的人说立即调用,有的人说自动执行,所以你完全可以按照你自己的理解来取一个名字,不过我听很多人都叫它为"自执行",但作者后面说了很多,来说服大家称呼为"立即调用的函数表达式". 本文英文原文地址:http:…

JavaScript的匿名函数和模块化的使用方法

对于开发人员来说,很多时候我们都会涉及到JavaScript的使用,而在使用过程中,最令人沮丧的就是变量没有相应的使用范围. 在开发中,对于任何变量.数组.函数.对象等,只要不在函数的内部,都会被默认为是全局的,意味着页面上的其他脚本都可以访问它,并可进行重写覆盖. 对于不必要放在函数内部的变量,我们要如何保证不被其他代码访问并重写覆盖呢?这时就需要将变量放在一个匿名函数的内部,定义完后立即调用,例如,在JavaScript中按如下方式编写,将会产生三个全局变量和两个全局函数: var name…

深入理解，函数声明、函数表达式、匿名函数、立即执行函数、window.onload的区别.

一.函数声明.函数表达式.匿名函数1.函数声明:function fnName () {…};使用function关键字声明一个函数,再指定一个函数名,叫函数声明. 2.函数表达式 var fnName = function () {…};使用function关键字声明一个函数,但未给函数命名,最后将匿名函数赋予一个变量,叫函数表达式,这是最常见的函数表达式语法形式. 3.匿名函数:function () {}; 使用function关键字声明一个函数,但未给函数命名,所以叫匿名函数,匿名函数属…