JavaScript 学习笔记

Posted 2020-08-13

1.javascript中，值包括原始值和对象，原始值包括布尔值、数字、字符串、null和undefined，其他的值为对象。

  原始值的特点：（1）按值进行比较：3===3> true; ‘abc‘===‘abc‘> true      

                     （2）属性不能改变、添加和移除  var src=‘abc‘; str.length=1; str.length> 3   str.foo=3; str.foo> undefined

  对象：包括简单对象、数组、正则表达式，特点：（1）按引用进行比较 {}==={}> false      var obj1={}; var obj2=obj1; obj1===obj2> true

                                                               （2）属性可以自由被改变、添加和移除  var obj={}; obj.foo=123; obj.foo> 123

2. undefined:没有值，未被初始化的变量即为undefined，丢失的参数，访问不存在的属性

  null：没有对象，表示空值

 undefined和null没有属性，也没有方法， 可被看做false

3. 对值分类：typeof和instanceof

                 typeof主要用于原始值，instanceof主要用于对象

                 typeof undefined> ‘undefined‘  typeof null> object ,但是null不是一个对象

                 null instanceof object> false   undefined insteanceoof object> false

 4. 被解释为false的值：undefined、null、false、0、NaN、‘‘ ，其他值被解释为true

 5. &&：可以返回布尔值，也可为其他值，如果第一个运算数是假的，返回它，否则返回第二个运算数 NaN&&‘abc‘> NaN  123&&‘abc‘> ‘abc‘

      ||: 可以返回布尔值，也可为其他值，如果第一个运算数是真的，返回它，否则返回第二个运算数 ‘abc‘||123> ‘abc‘  ‘‘||123> 123

6. 所有的数字都是浮点数 1===1.0> true， 还有特殊的数字：NaN，Infinity， Infinity比任何数字大（除了NaN），-Infinity比任何数小（除了NaN）

7. 函数声明具有提升特性—它们的实体会被移动到所在作用域的开始处。这使得我们可以引用后面声明的函数。

  function foo(){

                    bar();  //Ok

                   function bar(){

                            }

            }

 

       注意，var 声明赋值不具备该特性，

               function foo(){

                          bar(); //Not OK

                          var bar=function(){

                                   }

                      }

 

   8. 函数内的arguments不是数组，只是类似数组，有length属性，可以通过[]访问每个参数，但是不能对它调用数组的方法， 可以通过toArray()方法将它变为数组

   9.  一个变量的作用域总是完整的函数：

1 function foo(){ 
2        var x=-1;
3        if(x<0)
4          {
5             var tmp=-x;
6         }
7      console.log(tmp); // 1
8 }

 10. 所有的变量声明都会被提升，声明会被移动到函数的开始处，而赋值还在原来的位置进行

function foo(){

  console.log(tmp);// undefined

  if(false)
  {
      var tmp=3;
  }
}

 

 11. 闭包：每个函数和它周围的变量保持着连接，哪怕离开被创建时的作用域也是如此。函数以及它所连接的周围作用域中的变量即为闭包。 

function foo(s){
       return function(){
               s++;
               return s;
    }
}

 var inc=foo(5);
 inc();// 6
 inc();//7
 inc();//8
 

 

12.  IIFE模式(立即调用表达式)：引入新的作用域 ， 防止一个变量变成全局变量

(function(){   //开启IIFE
   
     var tmp=...;// 非全局变量
  
}());

 

   用例：解决闭包造成的无意共享

result=[];
for(var i=0;i<5;i++)
{
  (function(){
      var i2=i; //复制i
      result.push(function(){ return i2});

   }();)

}


console.log(result[1]());//1
console.log(result[3]());//3

 

 13. 两种面向对象机制：单一对象和构造函数

       对象可以认为是一组属性的集合，使用in 运算符检查属性是否存在，使用delete运算符移除属性

       任意属性名：使用引号括起来，用方括号获取和设置

var obj={‘not a identifier‘: 123};

>obj[‘not a identifier‘]
    123
>obj[‘not a identifier‘]=456;

//方括号可以动态计算
>obj[‘not a‘+‘identifier‘]
   123

 

 14. var func2=obj.func.bind(obj);  //使用bind()方法提取一个对象中的方法