JavaScript 设计风格&模式 概览 20140418
基本的概念
在JavaScript中,一旦定义好一个变量,该变量会自动成为内置对象的一个属性,
(如果该变量是全局变量,那么会成为全局对象的一个属性)。
定义的变量实际上也是一个伪类,拥有自身的属性,
该属性决定了该变量是否可以被修改、被删除和使用for-in枚举,
在ES3中没有直接对外提供,在ES5中提供了进行操纵这些属性的方法。
ES5新增了strict模式,该模式表明从JavaScript中移除某些特性。
该模式通过一个普通的字符串"use strict"来触发。
隐含全局变量和明确定义全局变量的区别
使用var创建的全局变量不能使用delete删除。
不使用var创建的隐含全局变量可以使用delete删除,实际上是申明了上下文对象的一个属性。
实际上是通过ES3称为DontDelete,ES5称为Configurable的特性来描述该变量是否可以被删除。
隐含全局变量严格来讲不是真正的变量,而是全局对象的属性,属性可以通过delete操作符删除。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=Content-Type content="text/html;charset=utf-8"></meta>
<script type="text/javascript">
var g_var1 = 1;
g_var2 = 2;
(function(){
g_var3 = 3;
});
delete g_var1;
delete g_var2;
delete g_var3;
console.log(typeof g_var1); // number
console.log(typeof g_var2); // undefined
console.log(typeof g_var3); // undefined
</script>
</head>
<body></body>
</html>
如果直接将如上的代码放在FireBug下测试会有不同的结果,切记FireBug不能完全模拟执行环境。
具体的关于delete操作符的更多详细信息,参考 未完成 。
使用字面量或内置构造函数创建对象
最简单的字面量{}对象也具有Object.prototype继承的属性和方法。
通过Object构造函数创建的对象,在创建的时候存在一个作用域解析的问题,
解析器要从调用Object()的位置开始沿着作用于链向上查找Object构造函数,存在效率问题。
当用new操作符调用构造函数时,构造函数总是返回一个对象,默认是返回this指向的对象,
除非通过return返回一个其他对象(若return返回的不是对象,则返回的还是this)。
JavaScript 设计风格&模式 概览 20140418的更多相关文章
- javascript运行模式:并发模型 与Event Loop
看了阮一峰老师的JavaScript 运行机制详解:再谈Event Loop和[朴灵评注]的文章,查阅网上相关资料,把自己对javascript运行模式和EVENT loop的理解整理下,不一定对,日 ...
- Javascript原型模式总结梳理
在大多数面向对象语言中,对象总是由类中实例化而来,类和对象的关系就像模具跟模件一样.Javascript中没有类的概念,就算ES6中引入的class也不过是一种语法糖,本质上还是利用原型实现.在原型编 ...
- JavaScript严格模式详解
转载自阮一峰的博客 Javascript 严格模式详解 作者: 阮一峰 一.概述 除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict m ...
- (转)深入理解JavaScript 模块模式
深入理解JavaScript 模块模式 (原文)http://www.cnblogs.com/starweb/archive/2013/02/17/2914023.html 英文:http://www ...
- JavaScript严谨模式(Strict Mode)
下面的内容翻译自It’s time to start using JavaScript strict mode,作者Nicholas C.Zakas参与了YUI框架的开发,并撰写了多本前端技术书籍,在 ...
- 深入理解JavaScript 模块模式
http://www.adequatelygood.com/JavaScript-Module-Pattern-In-Depth.html 模块模式是JavaScript一种常用的编码模式.这是一般的 ...
- Javascript编程模式(JavaScript Programming Patterns)Part 1.(初级篇)
JavaScript 为网站添加状态,这些状态可能是校验或者更复杂的行为像拖拽终止功能或者是异步的请求webserver (aka Ajax). 在过去的那些年里, JavaScript librar ...
- (" use strict")Javascript 严格模式详解
Javascript 严格模式详解 转载别人的博客内容,浏览了一遍,没有全部吸收,先保存一下链接 http://www.ruanyifeng.com/blog/2013/01/javascript_s ...
- JQuery日记6.5 Javascript异步模式(一)
理解力JQuery前实现异步队列,有必要理解javascript异步模式. Javascript异步其实并不严重格异步感,js使某些片段异步方式在将来运行,流不必等待继续向下进行. 在多线程的语言中最 ...
随机推荐
- JMeter对Selenium自动化代码进行压测
原文转载:http://www.blogjava.net/qileilove/archive/2014/06/05/414423.html 准备工作: 将文件selenium-server-stand ...
- Android开发手记(22) 传感器的使用
Android的传感器主要包括八大传感器,他们分别是:加速度传感器(accelerometer).陀螺仪(gyroscope).方向传感器(orientation).磁力传感器(magnetic fi ...
- Ajax结合Js操作灵活操作表格
Table页面: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head& ...
- angular2 组件之间通讯-使用服务通讯模式 2016.10.27 基于正式版ng2
工作中用到ng2的组件通讯 奈何官方文档言简意赅 没说明白 自己搞明白后 整理后分享下 rxjs 不懂的看这篇文章 讲很详细 http://www.open-open.com/lib/view/ope ...
- 各大浏览器内核(Rendering Engine)
记得刚开始写网页的时候,听童鞋们说各大浏览器的内核,也是懵懵懂懂的,知一不知其二,今天特地查一下: 内核只是一个通俗的说法,其英文名称为“Layout engine”,翻译过来就是“排版引擎”,也被称 ...
- 实现Action(含Action访问ServletAPI)
Action里是否包含实例变量不重要,重要的是包含setter和getter方法. Action可用于封装请求参数和处理结果.jsp中使用struts2输出:<s:property value= ...
- 知识管理(knowledge Management)2
①找到生命的主轴 ②跨领域知识管理
- 鸟哥的linux私房菜——第20章 启动流程、模块管理与loader
20.1 Linux启动流程分析 Linux启动过程: 按下开机电源后计算机硬件主动读取BIOS来加载硬件信息以及硬件系统的自我测试,之后系统会主动读取第一个可启动的设备(由BIOS设置),此时就可以 ...
- [python] 视频008
悬挂else if(hi>2) if(hi>7) printf('aaa') else printf('b') c语言中else会与就近if匹配 三元操作符 small=x if x< ...
- wpf数据自动树结构
在项目中,时常会遇到存在上下级关系的数据.在呈现方面,按照传统方法,不得不组装TreeNode之后添加到TreeView 中,已实现树形数据的显示.如果项目中需要多处使用树,毫无疑问这将存在巨大的代码 ...