ES5中认知上的一些遗漏点

1. JavaScript 中对变量和函数声明的“提前(hoist)

JavaScript 中对变量和函数声明的“提前(hoist)

1.var a=function(){ /* FUNCTION_BODY */}  
//变量声明   “提倡”
2.function a(){}   函数声明
  1. 变量声明的特点是:只有当被调用的时候才会被初始化。
    即:编译后,声明的name会被提前,但是赋值(FUNCTION_BODY)不会被提前。
    so a()函数的执行不能放在声明之前

  2. 函数声明的特点是:编译后,声明和赋值全部会被提前,也就是在函数执行前,函数声明过程已经被执行完,函数可以直接调用。
    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();

一般创建命名空间的写法

  1. function方式(方面写的方式)
  2. json方式(常用这种方式)
  3. 闭包方式
var NameSpace = window.NameSpace || {};
NameSpace.Hello = (function() {
  var name = 'world';
  var sayHello = function(_name) {
    return 'Hello ' + (_name || name);
  };
  return {
    sayHello: sayHello
  };
})();
  1. 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、解析函数声明时,会同时解析类型(函数),但不会执行,解析变量声明时,只解析变量,不会初化。

4. 严格模式的语法和行为变化

你可能感兴趣的:(ES5中认知上的一些遗漏点)