javascript中的作用域和上下文使用简要概述

2016年07月27日 12 阅读

javascript中的作用域（scope）和上下文（context）是这门语言的独到之处，这部分归功于他们带来的灵活性。每个函数有不同的变量上下文和作用域。这些概念是javascript中一些强大的设计模式的后盾。然而这也给开发人员带来很大困惑。下面全面揭示了javascript中的上下文和作用域的不同，以及各种设计模式如何使用他们。 上下文 vs 作用域 首先需要澄清的问题是上下文和作用域是不同的概念。多年来我注意到许多开发者经常将这两个术语混淆，错误...

javascript eval（func（））使用示例

2016年07月27日 10 阅读

eval的作用其实很简单，就是把一段字符串传递给JS解释器，由Javascript解释器将这段字符串解释成Javascript代码，并且执行他。 举个最简单的例子： 复制代码 代码如下:<script type="text/javascript"> eval（"alert（1+1）"）; script> 很简单，把字符串解释成JS代码并执行，弹出2。 当然，上面的例子只是个玩具，在实际中没有人会傻到这么用。我想大家最基本的使用eval函数...

JS验证邮箱格式是否正确的代码

2016年07月27日 9 阅读

复制代码 代码如下: /* *验证邮箱格式是否正确 *参数strEmail，需要验证的邮箱 */ function chkEmail（strEmail） { if （！/^w+（[-+.]w+）*@w+（[-.]w+）*.w+（[-.]w+）*$/.test（strEmail）） { return false; } else { return true; } } ...

jquery 快速回到页首的方法

2016年07月27日 9 阅读

复制代码 代码如下: $（function（） { $（"#back_top"）.click（function（）{ $（"body,html"）.animate（{scrollTop:0},1）; return false; }）; ）}; ...

Jquery 切换不同图片示例代码

2016年07月27日 9 阅读

复制代码 代码如下: #sidebar div#live_chat a { background: url（"scroll/live_chat1.jpg"） ; height: 76px; } #sidebar div#live_chat a:hover { background: url（"scroll/live_chat2.jpg"） ; } #sidebar div#customer_survey a { background: url（"scrol...

js简单实现删除记录时的提示效果

2016年07月27日 9 阅读

样式 复制代码 代码如下: <style type="text/css"> body{font-size:13px} .divShow{line-height:32px;height:32px;background-color:#eee;width:280px;padding-left:10px} .divShow span{padding-left:50px} .dialog{width:360px;border:solid 5px #666...

随鼠标上下滚动的jquery代码

2016年07月27日 9 阅读

复制代码 代码如下: //随鼠标上下滚动 $（window）.bind（"scroll resize",function（）{ $（"#sidebar"）.stop（true, true）.animate（{ "top": $（document）.scrollTop（） + "px" },500）; }）.scroll（）.resize（）; ...

如何判断元素是否为HTMLElement元素

2016年07月27日 12 阅读

我们经常使用nodeType==1判断元素是否是一个HMTLElement元素。页面上的元素都是节点（Node），有元素节点（Element Node）、属性节点（Attribute Node）、文本节点（Text Node）等。w3c nodeType 的定义如下const unsigned short ELEMENT_NODE = 1; const unsigned short ATTRIBUTE_NODE = 2; const unsigned sh...

浅析JavaScript中的同名标识符优先级

2016年07月27日 9 阅读

一，局部变量先使用后声明，不影响外部同名变量复制代码 代码如下:var x = 1; // --> 外部变量x function fn（）{ alert（x）; // --> undefined 局部变量x先使用 var x = 2; // 后声明且赋值 } fn（）; alert（x）; // --> 1<BR> 第一点，函数fn内第一句输出x，x是在第二句才定义的。这在JS中是允许的，这里的允许是指不会出现语法错误程序...

Javascript中克隆一个数组的实现代码

2016年07月27日 9 阅读

08年一家公司JS面试题，职位是javascript工程师（赴google）面试官问我如何克隆一个数组，当时想了下js的Object没有clone方法，java的Object有。那怎么得到一个新数组呢？我当时回答：用一个loop将源数组元素依次push到新数组中。这是最简单的方法，但显然不是面试官想要的答案。最后告知我：利用Array的slice方法。示例如下：复制代码 代码如下:var ary = [1,2,3];//源数组 var ary2 = ary...

JavaScript1.6数组新特性介绍以及JQuery的几个工具方法

2016年07月27日 9 阅读

JavaScript 1.6 引入了几个新的Array 方法，具体的介绍见：New in JavaScript 1.6 。这些方法已经被写进了ECMA262 V5。现代浏览器（IE9/Firefox/Safari/Chrome/Opera）都已经支持，但IE6/7/8不支持。jquery的工具方法中提供了类似的功能。1、Array.forEach（）和jquery的$（）.each（）。在数组中的每个项上运行一个函数。类似java5 增强的for循环。复制...

Javascript变量作用域详解

2016年07月27日 11 阅读

变量的作用域指的是变量的可见性，而生命周期则（存活期）则是从另一个角度考察变量。JS中变量的作用域分为全局变量和局部变量，函数内定义的称为局部变量，函数外的称为全局变量。（“函数外的称为全局变量”是相对的，另此处讨论的前提是用var显式声明的变量，函数内不用var定义的变量默认是全局变量，当然忽略var声明变量是不赞成的）。复制代码 代码如下:var glob = 4;//函数外声明全局变量 function fun（） { var height = 2...

关于Javascript作用域链的八点总结

2016年07月27日 9 阅读

1. JavaScript函数的作用域链分为定义时作用域链和运行时作用域链；2.函数被定义的时候，它有一个属性[[scope]]标明它的定义作用域链，定义时作用域链[[scope]]遵守这样的规则：一个函数的定义时作用域链[[scope]]总是它所在的外部函数的执行时作用域链；3.全局函数的定义作用域链只包含window的属性；4.一个函数的执行时作用域链总是在定义时作用域链的头部压入当前活动对象（它包含this,arguments,参数，局部变量）；5....

深入解析JavaScript中的变量作用域

2016年07月27日 9 阅读

在学习JavaScript的变量作用域之前，我们应当明确几点：•JavaScript的变量作用域是基于其特有的作用域链的。•JavaScript没有块级作用域。•函数中声明的变量在整个函数中都有定义。1、JavaScript的作用域链首先看下下面这段代码：复制代码 代码如下:<script type="text/javascript"> var rain = 1; function rainman（）{ va...

JavaScript作用域与作用域链深入解析

2016年07月27日 9 阅读

作用域是JavaScript最重要的概念之一，想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域和作用域链作简单的介绍，希望能帮助大家更好的学习JavaScript。JavaScript作用域任何程序设计语言都有作用域的概念，简单的说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。在JavaScript中，变量的作用域有全局作用域和局部作用域两种。1...

变量声明时命名与变量作为对象属性时命名的区别解析

2016年07月27日 10 阅读

这个标题实在拗口，Javascript命名变量所遵循的规则1、第一个字符必须是字母、汉字字符、 下划线（_）或美元符号（$）2、剩下的可以是下划线、汉字字符、 美元符号和任何字母、数字以下声明变量是正确的复制代码 代码如下:var p,$p,_p; var 长,宽; 以下是错误的复制代码 代码如下:var .p;//只能是字母、数字、下划线或美元符号 var -p;//只能是字母、数字、下划线或美元符号 var p*;//只能是字母、数字、下划线或美元符号...

Javascript中匿名函数的多种调用方式总结

2016年07月27日 9 阅读

Javascript中定义函数的方式有多种，函数直接量就是其中一种。如var fun = function（）{},这里function如果不赋值给fun那么它就是一个匿名函数。好，看看匿名函数的如何被调用。方式1，调用函数，得到返回值。强制运算符使函数调用执行复制代码 代码如下:（function（x,y）{ alert（x+y）; return x+y; }（3,4））; 方式2，调用函数，得到返回值。强制函数直接量执行再返回一个引用，引用再去调用...

js快速排序的实现代码

2016年07月27日 9 阅读

但是有不少的书本讲得并不是很清楚，而且不同的教材的实现方式也不尽相同，我这里将最简单的快速排序的思路写出来供大家参考。希望不管是使用什么语言都能从这个简单的代码里很方便的掌握快排思路与编写方式复制代码 代码如下:function quick_sort（list, start, end） { if （start < end） { var pivotpos = partition（list, start, end）; //找出快排的基数 quick...

Extjs4中tree的拖拽功能（可以两棵树之间拖拽） 简单实例

2016年07月27日 14 阅读

复制代码 代码如下://只要要在treepanel中配置一下viewConfig即可，如果是两棵树之间，两棵树都要配置 viewConfig:{plugins :{ptype:"treeviewdragdrop",appendOnly:true//只能拖着带非叶节点上},listeners:{//监听器drop:function（node,data,overModel,dropPosition,options）{//ajax的操作把数据同步到后台数据库al...

JavaScript 32位整型无符号操作示例

2016年07月27日 9 阅读

在 JavaScript 中，所有整数字变量默认都是有符号整数，这意味着什么呢？ 有符号整数使用 31 位表示整数的数值，用第 32 位表示整数的符号，0 表示正数，1 表示负数。 数值范围从 -2^31 - 2^31-1 即 -2147483648 到 2147483647。 JavaScript 进行位操作时，是采用32位 有符号 整型，这意味着其转换的结果也是32位有符号整型。 有些时候，我们进行移位会出现意想不到的结果，以下是C语言 与 JS 的对...