个人理解js

来源:互联网 发布:vue.js 双向绑定 编辑:程序博客网 时间:2024/06/05 19:04

1.js 都是对象,分为函数对象和普通对象,函数对象有prototype属性,普通对象没有。普通对象有和函数对象都有__proto__属性。


2 __proto__指向的是函数原型,函数原型有construct属性指向构造器。


var construct = function(name)   //1 构造器

{

this.name = name

}


var obj = new construct();  //普通对象


obj只有__proto__属性,指向原型





/**************闭包**************/

 一个常见的错误出现在循环中使用闭包,假设我们需要在每次循环中调用循环序号,
   for(var i = 0; i < 10; i++) {
    setTimeout(function() {
      console.log(i); 
     }, 1000);
  }

上面的代码不会输出数字 0 到 9,而是会输出数字 10 十次。当console.log被调用的时候,匿名函数保持对外部变量i的引用,此时for循环已经结束, i的值被修改成了 10.

为了得到想要的结果,需要在每次循环中创建变量i的拷贝。

为了正确的获得循环序号,最好使用匿名包裹器(自执行匿名函数)。
   for(var i = 0; i < 10; i++) {
     (function(e) {
      setTimeout(function() {
       console.log(e); 
      }, 1000);
     })(i);
   }
外部的匿名函数会立即执行,并把 i 作为它的参数,此时函数内 e 变量就拥有了 i 的一个拷贝。当传递给 setTimeout 的匿名函数执行时,它就拥有了对 e 的引用,而这个值是不会被循环改变的。

有另一个方法完成同样的工作;那就是从匿名包装器中返回一个函数。这和上面的代码效果一样。
  for(var i = 0; i < 10; i++) {
   setTimeout((function(e) {
     return function() {
      console.log(e);
     }
   })(i), 1000)
  }


0 0
原创粉丝点击