慕课网深入浅出javascript 笔记

javascript 数据类型

5种简单数据类型：Number、String、Boolean、Undefined、Null
1种复杂数据类型：Object

= 表示赋值；
== 表示比较，但是会做隐式类型转换。比如，"1 == true", 此时，1会从一个Number数据类型转换到Boolean数据类型，进而再做比较；
=== 表示比较，数据类型不同则不相等，因而相对于“==”也更严格一些。3===“3”；会返回false；因为不会转换他们的数据类型数字和字符串当然就不相等了
对象和对象比较，是比较的引用，两个对象都是new出来的（新创建出来的），所以是不同的对象，不同的对象的引用是不同的，所以输出是false

基本包装类型

基本类型是没有属性的，但是在对string/number/boolean进行访问和设置属性这样的操作时，js会将其临时转换为对应的包装对象类型String/Number/Boolean，这样就可以访问或设置属性
var str = "string"; 2. str.t = 5; //5 3. alert(str.t) //undefined， var str = "string"; 这个str是基本类型string， str.t = 5 基本类型没有属性和方法，因为此时js引擎中会自动创建一个对象，即 var str = new String('string')；然后再调用这个对象的方法和属性，str （这里我叫做0号）这个对象，仅仅在代码执行的一瞬间被创建，然后马上被销毁。alert(str.t) //undefined 此时的str.t 又会创建一个新的str对象（这个就是1号），和之前创建的str对象（0号）是不同的对象，而这个新的str对象（1号）刚创建，没有t属性，所以会弹出 undefined

类型检测

constructor指向构造器或构造函数，构造函数的prototype指向原型对象，构造函数实例的prototype也指向原型对象，实例与构造函数没有直接关系
typeof 主要应用在基本类型的检测，instanceof 主要应用在自定义的对象或者原生对象，instanceof是基于原型链的一个操作符，用于判断对象类型；返回的结果是true或false；

表达式

原始表达式

常量，直接量 3,14 "test"
关键字 null this
变量 i,j,k

复合表达式

10（原始表达式） * （运算符）20

数组，对象初始化表达式

[1,2,3]
[1, ,,4]
{x:1,y:2}

函数表达式

var start()=function(){};
(function(){alert("hello word");}//直接调用

属性访问表达式

var o={x:1}；
o.x
o["x"]

调用表达式

fun();

对象创建表达式

new Func(1,2);
new Object;

运算符

修改属性默认特性，使用object.defineProerty()方法，方法有三个参数：属性所在对象，属性的名字，和一个描述符对象，描述符对象包括：configurable,enumerable,writable,value
使用hasOwnProperty()方法检测一个属性存在于对象实例中，才会返回true

var语句 block语句

b为隐式的定义成全局变量

函数声明的提升

switch语句

对象:对象中包含一系列的属性，这些属性是无序的，每个属性都有一个字符串key和对应的value；

var obj ={ x:1,y:2}; obj.x;//1 obj.y;//2
对象的结构：对象中的每个属性都有很多属性标签：是否可写的writable,是否可删除的enumerable,是否可枚举的configurable,value,get/set
每一个对象都有一个原型[prototype] 每一个对象有一个[class]，表示属于哪一个种类每一个对象有一个[extensible],表示对象是否允许继续增加属性

所有函数x都有prototype属性，且这个属性是一个对象。且x.prototype也有原型即Object.prototype。注意这个原型里有一些默认的方法。
查找属性是按原型链自下向上查找。所以如果下和上有相同的属性名，那么肯定是下的起作用。删除属性：delete 对象名.属性名

三种构造对象的方法如下：

对象字面量创建 var obj={z:78,y:"asd",o:{oo:"ooo"}}; obj.x="123";
new原型链（构造器）function wc(){}; var ko=new wc(); ko.t=123;
Object.create()方法var haha=Object.create({x:12,y:"nini"});

属性操作：

用for-in遍历时，原型链上的属性也会被遍历到，而且是无序遍历。
属性删除用delete, 可删除实例属性，从而访问原型属性，prototype属性不可被删除；var定义的变量也不可用delete删除，函数也不可以被delete掉
访问不存在属性，进行原型链查找，末端找不到，会undefined。
delete 删除属性，重复删除同一个属性，任然返回true。所以delete并不代表操作成功或者失败了，而是说还有没有这个属性值。prototype不能被删除。
a！=undefined。就是不等于null和undefined

JavaScript的闭包

闭包简单的说就是一个函数能访问外部函数的变量，这就是闭包，比如说：

function a(x){

var tem=3;

       function b(y){
          console.log(x+y+(++tem));
       }
    }
a函数中的b函数就是闭包了，b函数可以使用a函数的局部变量，参数，最典型的闭包应该是下面这样，将定义在函数中的函数作为返回值

  function a(x){

       var tem=3;
      function b(y){
          console.log(x+y+(++tem));
       }
  return b;
  }

闭包的另一种作用是隔离作用域

for(var i=0;i<2;i++){
      setTimeout(function(){
              console.log(i);
        },0);
}

上面这段代码的执行结果是2,2而不是0,1，因为等for循环出来后，执行setTimeout中的函数时，i的值已经变成了2，这就是没有隔离作用域所造成的

for(var i=0;i<2;i++){
      (function(i){
             setTimeout(function(){
              console.log(i);
        },0)
    })(i);
}

这样就会输出0,1，我们的立即执行函数创建了一个作用域，隔离了外界的作用域，闭包的缺点是，因为内部闭包函数可以访问外部函数的变量，所以外部函数的变量不能被释放，如果闭包嵌套过多，会导致内存占用大，要合理使用闭包。

posted @ 2017-05-11 12:33 生菜菜阅读(224) 评论(0) 编辑收藏举报

生菜菜

慕课网 深入浅出javascript 笔记

公告

慕课网深入浅出javascript 笔记