JavaScript 设计风格&模式 概览 20140418

本文介绍了JavaScript中变量的定义方式及其属性,探讨了全局变量的显式与隐式声明区别,以及不同创建对象的方法和其特点。

基本的概念

在JavaScript中,一旦定义好一个变量,该变量会自动成为内置对象的一个属性,
(如果该变量是全局变量,那么会成为全局对象的一个属性)。

定义的变量实际上也是一个伪类,拥有自身的属性,
该属性决定了该变量是否可以被修改、被删除和使用for-in枚举,
在ES3中没有直接对外提供,在ES5中提供了进行操纵这些属性的方法。

ES5新增了strict模式,该模式表明从JavaScript中移除某些特性。
该模式通过一个普通的字符串"use strict"来触发。

隐含全局变量和明确定义全局变量的区别

使用var创建的全局变量不能使用delete删除。
不使用var创建的隐含全局变量可以使用delete删除,实际上是申明了上下文对象的一个属性。
实际上是通过ES3称为DontDelete,ES5称为Configurable的特性来描述该变量是否可以被删除。

隐含全局变量严格来讲不是真正的变量,而是全局对象的属性,属性可以通过delete操作符删除。

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta http-equiv=Content-Type content="text/html;charset=utf-8"></meta>
 5     <script type="text/javascript">
 6     var g_var1 = 1;
 7     g_var2 = 2;
 8     (function(){
 9     g_var3 = 3;
10     });
11     delete g_var1;
12     delete g_var2;
13     delete g_var3;
14     console.log(typeof g_var1); // number
15     console.log(typeof g_var2); // undefined
16     console.log(typeof g_var3); // undefined
17     </script>
18 </head>
19 <body></body>
20 </html>

如果直接将如上的代码放在FireBug下测试会有不同的结果,切记FireBug不能完全模拟执行环境。
具体的关于delete操作符的更多详细信息,参考 未完成

使用字面量或内置构造函数创建对象

最简单的字面量{}对象也具有Object.prototype继承的属性和方法。

通过Object构造函数创建的对象,在创建的时候存在一个作用域解析的问题,
解析器要从调用Object()的位置开始沿着作用于链向上查找Object构造函数,存在效率问题。

当用new操作符调用构造函数时,构造函数总是返回一个对象,默认是返回this指向的对象,
除非通过return返回一个其他对象(若return返回的不是对象,则返回的还是this)。

转载于:https://www.cnblogs.com/xf_z1988/p/javascript_pattern.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值