1. JavaScript 中对变量和函数声明的“提前(hoist)
JavaScript 中对变量和函数声明的“提前(hoist)
1.var a=function(){ /* FUNCTION_BODY */}
//变量声明 “提倡”
2.function a(){} 函数声明
变量声明的特点是:只有当被调用的时候才会被初始化。
即:编译后,声明的name会被提前,但是赋值(FUNCTION_BODY)不会被提前。
so a()函数的执行不能放在声明之前函数声明的特点是:编译后,声明和赋值全部会被提前,也就是在函数执行前,函数声明过程已经被执行完,函数可以直接调用。
so a()可以在作用域间随便加载。
如果重名,第一种方法会报错,(因为命名空间)第二种会覆盖。
但是最好不用这两种方法,这样的代码代码会把方法和变量都暴露在了全局中
2. 匿名函数和命名空间
(function(){})()//匿名函数,不污染全局变量
但是如果我们需要外部访问匿名函数
(function(window, $, undefined){
//do some work
})(window, jQuery);
但是通常我不会直接将模块中的内容直接复制到window对象上,而是会用更有组织性地将模块中的内容。在大部分语言中,我们将这些容器称为“命名空间”,在JS中我们可以用“对象”的方式来模拟。
google建议使用匿名函数和命名空间进行封装。避免和其它类库的方法名重复。
var b=b||{};
b.hello=function(name){ return this.name};
b.hello.protype.getname=function(){return this.name};
//创建新的实例
var c=new b.hello("pxx");
c.getname();
一般创建命名空间的写法
- function方式(方面写的方式)
- json方式(常用这种方式)
- 闭包方式
var NameSpace = window.NameSpace || {};
NameSpace.Hello = (function() {
var name = 'world';
var sayHello = function(_name) {
return 'Hello ' + (_name || name);
};
return {
sayHello: sayHello
};
})();
- Function的简洁写法
var NameSpace = window.NameSpace || {};
NameSpace.Hello = new function() {
var self = this;
var name = 'world';
self.sayHello = function(_name) {
return 'Hello ' + (_name || name);
};
};
调用的时候不需要实例一个对象
NameSpace.Hello.sayHello();
2. this
在《javaScript语言精粹》这本书中,把 this 出现的场景分为四类,简单的说就是:
- 有对象就指向调用对象
- 没调用对象就指向全局对象
- 用new构造就指向新对象
- 通过 apply 或 call 或 bind 来改变 this 的所指。
3. ES5的整体了解
一、语法变化
1、关键字和保留字
在ES3中,使用关键字做标识符会导致“Identifier Expected ”错误,而使用保留字做标识符可能会也可能不会导致相同的错误,具体取决于特定的引擎。在ES5中,关键字和保留字虽然不能作为标识符 使用,但可以作为对象的属性名。在ES5中的关键字和保留字中,新增了let和yield。为了保证最大的兼容性,不管是ES3还是ES5中的关键字和保留字,都不要作为标识符使用。
2、属性特性
ES5允许使用用户定义的属性描述来覆盖给定属性的enumerable、configurable、writable、get、set等属性了。具体方法是使用定义在Object对象上的静态函数。
3、严格模式
最大的语法变化,就是引入了严格模式,可以通过语句"use strict"; 来开启严格模式,在代码顶部添加整个脚本启用严格模式,在函数内部添加则只对该函数启用严格模式。严格模式下主要的变化有:
(1)使用变量前必须先定义,即不允许隐式的全局变量
(2)不使用八进制数据
(3)不使用with语句
(4)eval
A、不能使用eval作为标识符,因此不能把变量或函数命名为eval
B、外部不能访问在eval()函数中定义的变量
(5)arguments
A、不能使用arguments作为标识符
B、不能修改作为函数内部对象的arguments,因此形式参数和arguments之间不再有同步变化
C、不能访问arguments.callee
D、ES5中定义了arguments.caller属性,它的值始终是undefined,主要用于区分arguments.caller和函数的caller,但是不能在严格模式下访问
(6)函数
A、函数中不能出现两个同名的形式参数
B、不能给函数的caller属性赋值
C、未指定环境对象而调用函数,this值不会指向window,而是undefined
(7)对象
A、对象中不能出现两个同名的属性
B、修改一个特性[[writable]]为false的属性时,会抛出异常,而不是静默失败,同样的使用delete删除特性[[configurable]]为false的属性时也会抛出异常
(8)delete
不能使用delete删除显示声明的变量和函数
二、内建对象的变化
1、Object对象
(1)继承相关方法:create()、getPrototypeOf()
(2)属性相关方法:defineProperty()、defineProperties()、getOwnPropertyDescriptor()、getOwnPropertyNames()、keys()
(3)防篡改方法:preventExtensions()、isExtensible()、seal()、isSealed()、freeze()、isFrozen()
2、Function对象
(1)添加了bind()方法。
(2)规范化了一个函数对象的属性caller,用于指向调用当前函数的函数的引用。
(3)prototype是不可枚举的
3、Array对象
(1)判断方法:添加了静态方法Array.isArray(obj)用于判断obj是否为一个Array对象的实例。
(2)索引方法:添加了两个用于查找指定项索引的方法indexOf()和lastIndexOf()。查找时使用全等(===)进行匹配。
(3)迭代方法:添加了every()、some()、forEach()、map()、filter()方法。
(4)缩小方法:添加了reduce()和reduceRight()方法。
4、String对象
添加了trim()方法。
5、JSON对象
添加了原生JSON内建对象。
6、Date对象
添加了Date.now()、Date.prototype.toJSON()等方法。
7、RegExp对象
在ES3中,使用正则表达式字面量时共享一个RegExp实例,而在ES5中,每次使用正则表达式字面量时都要创建新的RegExp实例,就像使用RegExp构造函数一样。
代码解析简介
A、引擎在解析时,首先会解析函数声明,然后解析变量声明(解析时不会覆盖类型),最后再执行代码;
B、解析函数声明时,会同时解析类型(函数),但不会执行,解析变量声明时,只解析变量,不会初化。