成都网站建设设计

将想法与焦点和您一起共享

javascript助手,JAVASCRIPT前端招聘

请教:js和jsp一样吗?如果不一样,他们有什么区别?

jsp与asp php是同一个级别的,都是运行在服务器里的脚本格式。

成都创新互联公司成都企业网站建设服务,提供网站设计、网站制作网站开发,网站定制,建网站,网站搭建,网站设计,成都响应式网站建设,网页设计师打造企业风格网站,提供周到的售前咨询和贴心的售后服务。欢迎咨询做网站需要多少钱:028-86922220

javascript 是直接运行在客户端的脚本语言。

首先,javascript是netscape发明的,提交给ECMA组织进行标准化,JavaScript在不断的修订,从1.0到1.1、1.2、1.3、1.5,而ECMAScript也在不断的升级,有Edition 1、2、3,其中Edition 3相当于JavaScript 1.5。虽然MS后来参与了标准化,但还是以NS为主导的。目前正在制定的Edition 4也将以Netscape正在制定的JavaScript 2.0协同开发。顺便说一下,jscript的文档在Windows Script 5.6(包含jscript、vbscript和windows host script编译器)之前是很差的,就是因为ms只是在抄袭而又没抄全。在我的《javascript隐藏秘技》中,还指出了ms的jscript的几处实现上的bug(与ECMAScript标准的不一致)。

javascript还有一些其他的实现,比如apache的许多项目,比如resin的jsp实现了js 1.3(类似jscript用于asp)。注意jsp只是一个服务器脚本语言的规范,并没有规定一定要用java,事实上有不少jsp engine支持额外的脚本语言,尤其是支持js居多。

DOM和jscript是分离的。W3C DOM 和DHTML也不是一回事。在IE 5之前,jscript只支持MS专有的DHTML(NS也有自己的专有DHTML用于NN系列,MS是仿造它的),但是DOM(文档对象模型)是W3C制定的标准,不是MS的!到目前为止,仍然是Mozilla(Netscape)对DOM的支持最好(支持所有的DOM Level 1和大多数DOM Level 2特性),IE 6只支持了绝大多数的DOM Level 1和极少的DOM Level 2特性。

简单的说,一个jsp程序员必须要是一个Java程序员。而一个能写javaScript的就不一定了!呵呵

javascrip只是从java语言中提取出来的一部分冬冬,在网页中用javascript这个东西很不好的,最好不用

有很多很多介绍和说明

前端开发常用又好用的几个软件

正所谓“工欲善其事必先利其器”,一名合格的Web前端开发工程师自然会用到不少能使其工作高效的工具。下面,就给大家分享Web前端学习需要了解的十款HTML5开发工具。

1、Lungo

Lungo是一款基于HTML5的开发框架,专为想要设计、构建和共享跨设备应用的开发者而准备。支持开放的Web标准,如HTML5、CSS3和JavaScript;支持手机、电视以及桌面设备。拥有强大的JavaScript API:开发WebAPP应用有很多种方式,而不是一味的优化。Lungo提供了一个强大的API,这样你可以完全掌控自己的WebAPP应用程序。

2、Animatron

Animatron是一款简单而又强大的在线工具,通过它,你可以创建出令人惊叹的的HTML5动画和互动内容。使用非常直观的Animatron编辑器去设计和发布完美的移动产品,同时也可以到处播放的电影和信息图表等,从桌面浏览器到移动设备,无需编码,所见即所得。

3、DCloudHBuilder

DCloudHBuilder:基于HTML5开发工具是当前最快的HTML开发工具,强大的代码助手帮你快速完成开发,最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛,DCloud 还提供云端打包服务,可以让开发者直接在云端生成 .ipa 或 .apk 安装包供部署调试。

4、mobl

mobl 是一个新的开源的编程语言,主要用于加速手机应用的开发,mobl 可方便构建手机 Web 应用程序,包括 iOS、Android 和其他支持 HTML5 技术的手机。Mobl使用一种与JavaScript非常类似的脚本语言实现了静态类型的推断语言。该语言拥有以下顶级结构: 实体(entities)、类型(types)、函数(functions)、控件(controls)、屏幕(screens)、样式(styles )和设备(services)。实体是在本地存储中持久化的数据元素,而类型是一种供我们使用的不稳定的数据。函数与那些定义在JavaScript以及能够调用JavaScript代码的语言中的函数类似等。

5、Initializr

Initializr 是制作 HTML5 网站最好的入门辅助开发工具,你可以使用提供的特色模板快速生成网站,也可以自定义,Initializr 会为你生成代码简洁的可定制的网页模板。

6、WebStorm

WebStorm是一款强大的HTML5/JavaScriptWeb前端开发工具,被广大JS开发者誉为“Web前端开发神器”。

WebStorm 8全新特性中包括对AngularJS的支持,能够高效准确地智能感知Angular语法、指令。WebStorm还完美支持Spy-js,合并了这款JavaScript调试利器,大大提高了开发者们的工作效率。

7、Notepad++

Notepad++程序员必备的文本编辑器,软件小巧高效,支持27种编程语言,通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等,推荐各位下载使用。Notepad++ 可完美地取代微软的记事本。

8、Dreamweaver

Dreamweaver 是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面,用于制作并编辑网站和移动应用程序的网页设计软件。由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页,对于初级人员,你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作!

9、Eclipse

Eclipse的本身只是一个框架平台,但是众多插件的支持使得Eclipse拥有其他功能相对固定的IDE软件很难具有的灵活性。许多软件开发商以Eclipse为框架开发自己的IDE。Eclipse最初是由IBM公司开发的替代商业软件Visual Age for Java的下一代ide开发环境,2001年11月贡献给开源社区,现在它由非营利软件供应商联盟Eclipse基金会(Eclipse Foundation)管理。

10、DevExtreme

DevExtreme是专为你的移动世界精心准备的,一个跨平台开发的HTML5/JS框架,可以构建iOS、Android、Tizen和Windows Phone 8应用程序,是Visual Studio开发人员开发跨平台移动产品的优选工具。

以上就是为大家分享的十款HTML5开发必备的工具,相信这些工具一定会让你帮你在从事Web前端开发过程中提高效率,打开一扇新的大门。

百度网盘直链下载助手JS脚本无法使用,新的Microsoft Edge浏览器怎么办?

把文件保存到自己的网盘

点击下载助手-API下载-直接下载,如果不能下载,试试显示链接,有4个备用链接。

qBittorrent只支持BT或者PT下载

可以利用IDM下载

JavaScript清除历史记录的一点问题

1.不要做任何假设

(JavaScript是一个不可靠的助手)

可能不唐突的JavaScript 的最重要的一个特性就是——你要停止任何假设:

* 不要假设JavaScript是可用的,你最好认为它很有可能是不可用的,而不是直接依赖于它。

* 在你经过测试确认一些方法和属性可以使用之前,不要假设浏览器支持它们。

* 不要假设HTML代码如你想象的那样正确,每次都要进行检查,并且当其不可用的时候就什么也不要做。

* 让JavaScript的功能独立于输入设备

* 要记住其他的脚本可能会影响你的JavaScript的功能,所以要保证你的脚本的作用域尽可能地安全。

在开始设计你的脚本之前,要考虑的第一件事情就是检查一下你要为其编写脚本的HTML代码,看看有什么东西可以帮助你达到目的。

2.找出钩子和节点关系

(HTML是脚本的基石)

在开始编写脚本之前,要先看一下你要为之编写JavaScript的HTML。如果HTML是未经组织的或者未知的,那么你几乎不可能有一个好的脚本编写方案——很可能就会出现下面的情况:要么是会用JavaScript创建太多标记,要么就是应用太依赖于JavaScript。

在HTML中有一些东西需要考虑,那就是钩子和节点关系。

1.HTML 钩子

HTML最初的和最重要的钩子就是ID,而且ID可以通过最快的DOM方法——getElementById 访问到。如果在一个有效的HTML文档中所有的ID都是独一无二的话(在IE中关于name 和 ID 有一个bug,不过有些好的类库解决了这个问题),使用ID就是安全可靠的,并且易于测试。

其他一些钩子就是是HTML元素和CSS类,HTML元素可以通过getElementsByTagName方法访问,而在多数浏览器中都还不能通过原生的DOM方法来访问CSS类。不过,有很多外部类库提供了可以访问CSS类名(类似于 getElementsByClassName) 的方法。

2.HTML 节点关系

关于HTML的另外比较有意思的一点就是标记之间的关系,思考下面的问题:

* 要怎样才可以最容易地、通过最少的DOM遍历来到达目标节点?

* 通过修改什么标记,可以尽可能多地访问到需要修改的子节点?

* 一个给定的元素有什么属性或信息可以用来到达另外一个元素?

遍历DOM很耗资源而且速度很慢,这就是为什么要尽量使用浏览器中已经在使用的技术来做这件事情。

3.把遍历交给专家来做

(CSS,更快地遍历DOM)

有关DOM的脚本和使用方法或属性(getElementsByTagName, nextSibling, previousSibling, parentNode以及其它)来遍历DOM似乎迷惑了很多人,这点很有意思。而有趣的是,我们其实早已经通过另外一种技术—— CSS ——做了这些事情。

CSS 是这样一种技术,它使用CSS选择器,通过遍历DOM来访问目标元素并改变它们的视觉属性。一段复杂的使用DOM的JavaScript可以用一个CSS选择器取代:

Java代码 var n = document.getElementById('nav'); if(n){ var as = n.getElementsByTagName('a'); if(as.length 0){ for(var i=0;as[i];i++){ as[i].style.color = ‘#369′; as[i].style.textDecoration = ‘none’; } } } /* 下面的代码与上面功能一样 */ #nav a{ color:#369; text-decoration:none; } var n = document.getElementById('nav'); if(n){ var as = n.getElementsByTagName('a'); if(as.length 0){ for(var i=0;as[i];i++){ as[i].style.color = ‘#369′; as[i].style.textDecoration = ‘none’; } } } /* 下面的代码与上面功能一样 */ #nav a{ color:#369; text-decoration:none; }

这是一个可以好好利用的很强大的技巧。你可以通过动态为DOM中高层的元素添加class 或者更改元素ID来实现这一点。如果你使用DOM为文档的body添加了一个CSS类,那么设计师就很可以容易地定义文档的静态版本和动态版本。

Java代码 JavaScript: var dynamicClass = 'js'; var b = document.body; b.className = b.className ? b.className + ' js' : 'js'; CSS: /* 静态版本 */ #nav { .... } /* 动态版本 */ body.js #nav { .... } JavaScript: var dynamicClass = 'js'; var b = document.body; b.className = b.className ? b.className + ' js' : 'js'; CSS: /* 静态版本 */ #nav { .... } /* 动态版本 */ body.js #nav { .... }

4.理解浏览器和用户

(在既有的使用模式上创建你所需要的东西)

不唐突的JavaScript 中很重要的一部分就是理解浏览器是如何工作的(尤其是浏览器是如何崩溃的)以及用户期望的是什么。不考虑浏览器你也可以很容易地使用JavaScript 创建一个完全不同的界面。拖拽界面,折叠区域,滚动条和滑动块都可以使用JavaScript创建,但是这个问题并不是个简单的技术问题,你需要思考下面的问题:

* 这个新界面可以独立于输入设备么?如果不能,那么可以依赖哪些东西?

* 我创建的这个新界面是否遵循了浏览器或者其它富界面的准则(你可以通过鼠标在多级菜单中直接切换吗?还是需要使用tab键?)

* 我需要提供什么功能但是这个功能是依赖于JavaScript的?

最后一个问题其实不是问题,因为如果需要你就可以使用DOM来凭空创建HTML。关于这点的一个例子就是“打印”链接,由于浏览器没有提供一个非 JavaScript的打印文档功能,所以你需要使用DOM来创建这类链接。同样地,一个实现了展开和收缩内容模块的、可以点击的标题栏也属于这种情况。标题栏不能被键盘激活,但是链接可以。所以为了创建一个可以点击的标题栏你需要使用JavaScript将链接加入进去,然后所有使用键盘的用户就可以收缩和展开内容模块了。

解决这类问题的极好的资源就是设计模式库。至于要知道浏览器中的哪些东西是独立于输入设备的,那就要靠经验的积累了。首先你要理解的就是事件处理机制。

5.理解事件

(事件处理会引起改变)

事件处理是走向不唐突的JavaScript的第二步。重点不是让所有的东西都变得可以拖拽、可以点击或者为它们添加内联处理,而是理解事件处理是一个可以完全分离出来的东西。我们已经将HTML,CSS和JavaScript分离开来,但是在事件处理的分离方面却没有走得很远。

事件处理器会监听发生在文档中元素上的变化,如果有事件发生,处理器就会找到一个很奇妙的对象(一般会是一个名为e的参数),这个对象会告诉元素发生了什么以及可以用它做什么。

对于大多数事件处理来说,真正有趣的是它不止发生在你想要访问的元素上,还会在DOM中较高层级的所有元素上发生(但是并不是所有的事件都是这样,focus和blur事件是例外)。举例来说,利用这个特性你可以为一个导航列表只添加一个事件处理器,并且使用事件处理器的方法来获取真正触发事件的元素。这种技术叫做事件委托,它有几点好处:

* 你只需要检查一个元素是否存在,而不需要检查每个元素

* 你可以动态地添加或者删除子节点而并不需要删除相应的事件处理器

* 你可以在不同的元素上对相同的事件做出响应

需要记住的另一件事是,在事件向父元素传播的时候你可以停止它而且你可以覆写掉HTML元素(比如链接)的缺省行为。不过,有时候这并不是个好主意,因为浏览器赋予HTML元素那些行为是有原因的。举个例子,链接可能会指向页面内的某个目标,不去修改它们能确保用户可以将页面当前的脚本状态也加入书签。

6.为他人着想

(命名空间,作用域和模式)

你的代码几乎从来不会是文档中的唯一的脚本代码。所以保证你的代码里没有其它脚本可以覆盖的全局函数或者全局变量就显得尤为重要。有一些可用的模式可以来避免这个问题,最基础的一点就是要使用 var 关键字来初始化所有的变量。假设我们编写了下面的脚本:

Java代码 var nav = document.getElementById('nav'); function init(){ // do stuff } function show(){ // do stuff } function reset(){ // do stuff } var nav = document.getElementById('nav'); function init(){ // do stuff } function show(){ // do stuff } function reset(){ // do stuff }

上面的代码中包含了一个叫做nav的全局变量和名字分别为 init,show 和 reset 的三个函数。这些函数都可以访问到nav这个变量并且可以通过函数名互相访问:

Java代码 var nav = document.getElementById('nav'); function init(){ show(); if(nav.className === 'show'){ reset(); } // do stuff } function show(){ var c = nav.className; // do stuff } function reset(){ // do stuff } var nav = document.getElementById('nav'); function init(){ show(); if(nav.className === 'show'){ reset(); } // do stuff } function show(){ var c = nav.className; // do stuff } function reset(){ // do stuff }

你可以将代码封装到一个对象中来避免上面的那种全局式编码,这样就可以将函数变成对象中的方法,将全局变量变成对象中的属性。 你需要使用“名字+冒号”的方式来定义方法和属性,并且需要在每个属性或方法后面加上逗号作为分割符。

Java代码 var myScript = { nav:document.getElementById('nav'), init:function(){ // do stuff }, show:function(){ // do stuff }, reset:function(){ // do stuff } } var myScript = { nav:document.getElementById('nav'), init:function(){ // do stuff }, show:function(){ // do stuff }, reset:function(){ // do stuff } }

所有的方法和属性都可以通过使用“类名+点操作符”的方式从外部和内部访问到。

Java代码 var myScript = { nav:document.getElementById('nav'), init:function(){ myScript.show(); if(myScript.nav.className === 'show'){ myScript.reset(); } // do stuff }, show:function(){ var c = myScript.nav.className; // do stuff }, reset:function(){ // do stuff } } var myScript = { nav:document.getElementById('nav'), init:function(){ myScript.show(); if(myScript.nav.className === 'show'){ myScript.reset(); } // do stuff }, show:function(){ var c = myScript.nav.className; // do stuff }, reset:function(){ // do stuff } }

这种模式的缺点就是,你每次从一个方法中访问其它方法或属性都必须在前面加上对象的名字,而且对象中的所有东西都是可以从外部访问的。如果你只是想要部分代码可以被文档中的其他脚本访问,可以考虑下面的模块(module)模式:

Java代码 var myScript = function(){ //这些都是私有方法和属性 var nav = document.getElementById('nav'); function init(){ // do stuff } function show(){ // do stuff } function reset(){ // do stuff } //公有的方法和属性被使用对象语法包装在return 语句里面 return { public:function(){ }, foo:'bar' } }(); var myScript = function(){ //这些都是私有方法和属性 var nav = document.getElementById('nav'); function init(){ // do stuff } function show(){ // do stuff } function reset(){ // do stuff } //公有的方法和属性被使用对象语法包装在return 语句里面 return { public:function(){ }, foo:'bar' } }();

你可以使用和前面的代码同样的方式访问返回的公有的属性和方法,在本示例中可以这么访问:myScript.public() 和 myScript.foo 。但是这里还有一点让人觉得不舒服:当你想要从外部或者从内部的一个私有方法中访问公有方法的时候,还是要写一个冗长的名字(对象的名字可以非常长)。为了避免这一点,你需要将它们定义为私有的并且在return语句中只返回一个别名:

Java代码 var myScript = function(){ // 这些都是私有方法和属性 var nav = document.getElementById('nav'); function init(){ // do stuff } function show(){ // do stuff // do stuff } function reset(){ // do stuff } var foo = 'bar'; function public(){ } var myScript = function(){ // 这些都是私有方法和属性 var nav = document.getElementById('nav'); function init(){ // do stuff } function show(){ // do stuff // do stuff } function reset(){ // do stuff } var foo = 'bar'; function public(){ }

//只返回指向那些你想要访问的私有方法和属性的指针

Java代码 return { public:public, foo:foo } }(); return { public:public, foo:foo } }();

这就保证了代码风格一致性,并且你可以使用短一点的别名来访问其中的方法或属性。

如果你不想对外部暴露任何的方法或属性,你可以将所有的代码封装到一个匿名方法中,并在它的定义结束后立刻执行它:

Java代码 (function(){ // these are all private methods and properties var nav = document.getElementById('nav'); function init(){ // do stuff show(); // 这里不需要类名前缀 } function show(){ // do stuff } function reset(){ // do stuff } })(); (function(){ // these are all private methods and properties var nav = document.getElementById('nav'); function init(){ // do stuff show(); // 这里不需要类名前缀 } function show(){ // do stuff } function reset(){ // do stuff } })();

对于那些只执行一次并且对其它函数没有依赖的代码模块来说,这种模式非常好。

通过遵循上面的那些规则,你的代码更好地为用户工作,也可以使你的代码在机器上更好地运行并与其他开发者的代码和睦相处。不过,还有一个群体需要考虑到。

7.为接手的开发者考虑

(使维护更加容易)

使你的脚本真正地unobtrusive的最后一步是在编写完代码之后仔细检查一遍,并且要照顾到一旦脚本上线之后要接手你的代码的开发者。考虑下面的问题:

* 所有的变量和函数名字是否合理并且易于理解?

* 代码是否经过了合理的组织?从头到尾都很流畅吗?

* 所有的依赖都显而易见吗?

* 在那些可能引起混淆的地方都添加了注释吗?

最重要的一点是:要认识到文档中的HTML和CSS代码相对于JavaScript来说更有可能被改变(因为它们负责视觉效果)。所以不要在脚本代码中包含任何可以让终端用户看到的class和ID,而是要将它们分离出来放到一个保存配置信息的对象中。

Java代码 myscript = function(){ var config = { navigationID:'nav', visibleClass:'show' }; var nav = document.getElementById(config.navigationID); function init(){ show(); if(nav.className === config.visibleClass){ reset(); }; // do stuff }; function show(){ var c = nav.className; // do stuff }; function reset(){ // do stuff }; }(); myscript = function(){ var config = { navigationID:'nav', visibleClass:'show' }; var nav = document.getElementById(config.navigationID); function init(){ show(); if(nav.className === config.visibleClass){ reset(); }; // do stuff }; function show(){ var c = nav.className; // do stuff }; function reset(){ // do stuff }; }();

这样维护者就知道去哪里修改这些属性,而不需要改动其他代码。

javascript 中不同类型以及不同环境下变量的内存都是何时释放

一.基本类型和引用类型的值

javascript中的变量包含两种不同数据类型的:基本类型值和引用类型值。基本类型值指的是简单的数据段,而引用类型值指那些可能右多个值构成的对象。

1.动态的属性

定义基本类型值和引用类型值的方式是类似的:创建一个变量并为该变量赋值。但是,当这个值保存到变量中以后,对不同类型值可以执行的操作则大相径庭。

对于引用类型的值,我们可以为其添加属性和方法,也可以改变和删除其属性和方法:

var person = new Object();

person.name = "Nicholas";

alert(person.name);// “Nicholas”

基本类型值不能动态添加:

var name = "Nicholas";

name.age = 27;

alert(name.age);// undefined

2.复制变量值

复制变量值时两种类型也会有所不同。

基本类型:

重新在内存中开辟一段空间,赋值前后的两者相互独立

引用类型:

虽然也会重新开辟一段空间,但其接受到的值实际上是一个指针,而这个指针指向存储在堆中的一个对象。赋值操作结束后,两个变量实际上将引用同一个对象。

3.传递参数

javascript中所有函数的参数都是按值传递的。基本类型值的传递如同基本类型变量的复制一样,而引用类型的值的传递,则如同引用类型变量的复制一样。

在向参数传递引用类型的值时,会把这个值在内存中的地址复制给一个局部变量,因此这个局部变量的变化会反映在函数的外部,情况下面例子:

function addTen(num){

num += 10;

return num;

}

var count = 20;

var result = addTen(count);

alert(count);// 20,没有变化

alert(result);// 30

引用传递:

function setName(obj){

obj.name = "Nicholas";

}

var person = new Object();

setName(person);

alert(person.name);// "Nicholas"

证明对象是按值传递的例子:

function setName(obj){

obj.name = "Nicholas";

obj = new Object();

obj.name = "Greg";

}

var person = new Object();

setName(person);

alert(person.name);// "Nicholas"

4.检测类型

在检测基本类型时typeof是非常得力的助手,但在检测引用类型的值时,这个操作符的用处不大。通常,我们并不是想知道某个值是对象,而是想知道它是什么类型的对象。为此,javascript提供了instanceof操作符,其语法如下:

result = variable instanceof constructor

alert(person instanceof Object);// 变量person是Object吗?

alert(colors instanceof Array);// 变量colors是Array吗?

alert(pattern instanceof RegExp);// 变量parrern是RegExp吗

二.执行环境和作用域

执行环境是javascript中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中。

每个函数都有自己的执行环境。当执行流进入一个函数时,函数的执行环境就会被推入一个环境栈中。而在函数执行之后,栈将其环境弹出,把控制权返回给之前的执行环境。Javascript中的执行流正式右这个方便的机制控制着。

当代码在一个环境中执行时,会创建变量对象的一个作用域链。作用域链的用途是保证对执行环境有权访问的所有变量和函数的有序访问。作用域链的前端,始终都是当前执行的代码所在环境的变量对象。如果这个环境是函数,则将其活动对象作为变量对象。活动对象最开始只包含一个变量,即arguments对象。作用域链中的下一个变量对象来自包含(外部)环境,直至全局执行环境的变量对象

1.延长作用域链

虽然执行环境的类型总共只有两种——全局和局部(函数),但是可以延长作用域链。因为有些语句可以在作用域链的前端临时增加一个变量对象,该变量对象在执行代码后被移除:

try-catch语句的catch快

with语句

2.没有块级作用域

先看如下例子:

if (true){

var color = "blue";

}

alert(color);// "blue"

for (var i = 0; i 10; ++i){

doSomething(i);

}

alert(i); // 10

使用var声明的变量会自动被添加到最接近的环境中。在函数内部,最接近的环境就是函数的局部环境;在with语句中,最接近的环境是函数环境。如果初始化变量时没有使用var声明,该变量会被添加到全局变量

3.垃圾收集

1.收集方式

标记清除、引用清除

2.性能问题(临界值)

3.管理内存(不用的数据即使设置为null)

四.总结

javascript变量可以用来保存两种类型的值:基本类型值和引用类型值。基本类型的值源自以下5种基本类型数据:Undefined、Null、Boolean、Number和String。基本类型值和引用类型值具有以下特点:

基本类型值在内存中占据固定大小的空间,因此被保存在栈内存中

从一个变量向另一个变量复制基本类型的值,会创建这个值的一个副本

引用类型的值是对象,保存在堆内存中

包含引用类型值的变量实际上包含的并不是对象本身,而是一个指向该对象的指针

从一个变量向另一个变量复制引用类型的值,赋值的其实是指针,因此两个变量最终都指向同一个对象

确定一个值是哪种基本类型可以使用typeof操作符,而确定一个值是哪种引用类型可以使用instanceof操作符

所有变量(包括基本类型和引用类型)都存在于一个执行环境(也称为作用域)当中,这个执行环境决定了变量的声明周期,以及哪一部分代码可以访问其中的变量。以下是关于执行环境的几点总结:

执行环境有全局执行环境(也成为全局环境)和函数执行环境之分

每次进入一个新执行环境,都会创建一个用于搜索变量和函数的作用域链

函数的局部环境不仅有权访问函数作用域中的变量,而且有权访问其包含(父)环境,乃至全局环境

全局环境只能访问在全景环境中定义的变量和函数,而不能直接访问局部环境中的任何数据

变量的执行环境有助于确定应该合适释放环境

javascript是一门具有自动垃圾收集机制的编程语言,开发人员不必关心内存分配和回收问题。可以对Javascript的垃圾收集例程作如下总结:

离开作用域的值将被自动标记为可以回收,因此将在垃圾收集期间被删除

“标记清除”是目前主流的垃圾收集算法,这种算法的思想是给当前不实用的值加上标记,然后再回收其内存

另一种垃圾收集算法是“引用计数“,这种算法的思想是跟踪记录所有值被引用的次数。Javascript引擎不浅不再使用这种算法;但在IE中访问非原声JavaScript对象(如DOM对象)时,这种算法仍然可能导致问题

当代码中存在循环引用现象时,“引用技术”算法就会导致问题

解除变量的引用不仅有助于消除循环引用现象,而且对垃圾收集也有好处。为了确保有效地回收内存,应该及时接触不再使用的全局对象、全局对象属性以及循环引用变量的引用


分享名称:javascript助手,JAVASCRIPT前端招聘
本文链接:http://chengdu.cdxwcx.cn/article/dsseeod.html