你的位置:首页 > Java教程

[Java教程]来自JavaScript Garden摘取


1.数字类型不能用作对象,因为javascript解析器会将点号(.)解析成浮点型(as a floating point literal),比如:2.toString();会导致语法从错误,解决方法:

   2..toString();//the second point is correctly recognized

   2 .toString();//note the space left to the dot

   (2).toString();//2 is evalulated first

2.原生对象继承自Object.prototype并且没有任何属性定义.

3.移除一个对象属性的唯一方法是使用delete操作符:

   var obj={baz:3};

   delete obj.baz;

4.如果delete作为对象key时需加引号,因为这是js中的关键字,若不加,则在符合ECMAScript5规范的引擎中会爆出语法错误.

5.作用域与命名空间

   js不支持块级作用域,只存在函数级作用域,同样所有东西都定义在一个全局空间。每次引用变量,js会向上遍历作用域直到找到该变量,如果直到全局空间还没有找到就会报错。

6.局部变量

 局部变量的唯一来源就是作为函数参数的变量和在函数内用var声明的变量

 7.var 语句和函数声明上移

bar();var bar = function() {};var someValue = 42;test();function test(data) {  if (false) {    goo = 1;  } else {    var goo = 2;  }  for(var i = 0; i < 100; i++) {    var e = data[i];  }}

 上面代码在执行前会做一次转化,js会将var语句和function声明语句上移到该作用域的顶部

// var statements got moved herevar bar, someValue; // default to 'undefined'// the function declaration got moved up toofunction test(data) {  var goo, i, e; // missing block scope moves these here  if (false) {    goo = 1;  } else {    goo = 2;  }  for(i = 0; i < 100; i++) {    e = data[i];  }}bar(); // fails with a TypeError since bar is still 'undefined'someValue = 42; // assignments are not affected by hoistingbar = function() {};test();

 在第一部分代码中,尽管if语句似乎修改了全局变量goo,但实际上它是在修改局部变量。

8.函数中变量名解析order

   1.先看当前作用域中是否用var声明的该变量,如有,使用它;

   2.如果函数参数中有该变量,使用它;

   3.如函数自身名称就叫该名字,使用它;

   4.跳到外层作用域,继续按步骤1开始进行查找。

9.匿名函数被认为是表达式,所以为了能够被调用,首先要对表达式求值

( // evaluate the function inside the parenthesesfunction() {}) // and return the function object() // call the result of the evaluation

 同样还其他实现方式,这样不仅可以防止命名空间的污染,同样可以达到模块化的效果

// A few other styles for directly invoking the !function(){}()+function(){}()(function(){}());// and so on...

 10.构造器(Constructors)

     1.任何通过new关键字调用的函数扮演着构造器的角色,在构造器中this引用代表着新创建的对象。新对象的原型(__proto__)指向作为构造器被调用的函数对象的原型(prototype),如果函数中没有显示调用return语句,则默认返回新创建的对象。

     2.如果构造器器显示调用return语句,那么只能return一个对象出来

function Car() {  return 'ford';}new Car(); // a new object, not 'ford'function Person() {  this.someValue = 2;  return {    name: 'Charles'  };}new Test(); // the returned object ({name:'Charles'}), not including someValue

    3.如果new关键字省略将不会返回这个新创建的对象,这时函数中的this将会引用全局对象而不是新创建的对象

function Pirate() {  this.hasEyePatch = true; // gets set on the global object!}var somePirate = Pirate(); // somePirate is undefined

 11.arguments对象

     1.arguments持有传进函数的所有参数,arguments对象不是一个数组,但有具有数组的特点,比如有length属性,但是没有继承Array.prototype而是对象Object。这是这样,arguments也就不能使用数组的方法如:push,pop,slice.不过我们可以使用for来做迭代或者将其转化换为一个数组以支持数组的方法。

    var arr = Array.prototype.slice.call(arguments);//转换为数组,但是转换慢,在实际应用中不建议使用

    2.arguments对象为自己的属性和传给函数的形式参数都建有getter和setter方法,因此改变形参值得同时也改变了关联在arguments对象上的属性值,反之,改变arguments对象的属性也会影响形参值。

function foo(a, b, c) {  arguments[0] = 2;  a; // 2  b = 4;  arguments[1]; // 4  var d = c;  d = 9;  c; // 3}foo(1, 2, 3);

    3.只有当arguments在函数内被声明或者作为参数传递进函数时arguments对象是不会被创建的。另外有一个例外的情况就是arguments.callee的使用,会降低性能。

     

function foo() {  arguments.callee; // do something with this function object  arguments.callee.caller; // and the calling function object}function bigLoop() {  for(var i = 0; i < 100000; i++) {    foo(); // Would normally be inlined...  }}

 12.this引用

     1.this引用由五种绑定方式:

     1).绑定为全局对象:this;//the global scope

     2).同样绑定全局对象:foo();//call a function,this refer the global scope

     3).绑定对象:test.foo()//calling a method,this refer to test

     4).绑定新建对象:new foo()//calling a constructor

     5).当显式调用Function.prototype的call或者apply时,this被设置为关联调用对象的被调用对象 

function foo(a, b, c) {}var bar = {};foo.apply(bar, [1, 2, 3]); // array will expand to the belowfoo.call(bar, 1, 2, 3); // results in a = 1, b = 2, c = 3

    2.看下面代码:

Foo.method = function() {  function test() {    // this is set to the global object  }  test();}

      一个比较想当然的观念就是test中的this是引用Foo,实际上是错误的,而是引用global对象,如果要引用Foo对象,可以这样:

Foo.method = function() {  var self = this;  function test() {    // Use self instead of this here  }  test();}

     在ECMAScript 5中,可以使用bind达到同样的效果:

Foo.method = function() {  var test = function() {    // this now refers to Foo  }.bind(this);  test();}

   3.当将一个方法赋值给一个对象时,就相当与一个简单的函数调用,比如下面代码,this将不再引用someObject对象

var test = someObject.methodTest;test();

   4.this的这种晚绑定正是使得原型继承工作的原因:

function Foo() {}Foo.prototype.method = function() {};function Bar() {}Bar.prototype = Foo.prototype;new Bar().method();

 13.命名函数表达式

      命名函数的赋值,代码中,bar在外层作用域是无效的,由于函数仅仅赋值给了foo,然而,在bar的内部是有效的,在前面作用域和命名空间提到:函数名在它的局部作用域内是有效的。

var foo = function bar() {  bar(); // Works}bar(); // ReferenceError

 14.for in 循环

     当用于迭代一个对象的属性时,会遍历原型链,有时我们需要过滤出函数自身的属性,我们可以使用Object.prototype的hasOwnProperty(在EMAScript3或者更早的版本).

// Poisoning Object.prototypeObject.prototype.bar = 1;var foo = {moo: 2};for(var i in foo) {  console.log(i); // prints both bar and moo}//----------------------------------------------我是分割线----------------------------// still the foo from abovefor(var i in foo) {  if (foo.hasOwnProperty(i)) {    console.log(i);  }}

 15.hasOwnProperty

    用于检测某个属性是来自函数自身而不是原型链的其他地方。如果对象中存在这样一个同名的属性,所以有必要扩展hasOwnProperty。

var foo = {  hasOwnProperty: function() {    return false;  },  bar: 'Here be dragons'};foo.hasOwnProperty('bar'); // always returns false// Use another Object's hasOwnProperty and call it with 'this' set to foo({}).hasOwnProperty.call(foo, 'bar'); // true// It's also possible to use hasOwnProperty from the Object// prototype for this purposeObject.prototype.hasOwnProperty.call(foo, 'bar'); // true

 16.Prototype:原生类型赋值给prototype时会被忽略。

function Foo() {}Foo.prototype = 1; // no effect