js回顾_数据类型与类型转换

 一、数据类型

 1、 主要分为以下两种:

  基本类型:指的是保存在栈内存中的简单数据段;

                   如:null、undefined、boolean、number、string、symbol;

                    按值访问,直接访问值;

                    复制会在栈中创建一个新值,然后把值复制到为新变量分配的位置上

                    值是不可变得,不能给基本类型添加属性和方法。

var person = 'jozo';
person.age = 22;
person.method = function(){//...};
console.log(person.age); // undefined
console.log(person.method); // undefined

  引用类型:指的是那些保存在堆内存中的对象    

                    如object、闭包;(new 操作,就是在堆中去申请一个空间存储这个对象的实体本身)

                   

                    按引用访问,需要先从栈中读取内存地址;然后找到保存在堆内的值;(对象堆空间不能直接访问

                    复制的是存储在栈中的指针,即指针分配到新位置,而指针指向的堆内存的对象不变;

var a = {}; // a保存了一个空对象的实例
var b = a;  // a和b都指向了这个空对象
a.name = 'jozo';
console.log(a.name); // 'jozo'
console.log(b.name); // 'jozo'
b.age = 22;
console.log(b.age);// 22
console.log(a.age);// 22
console.log(a == b);// true

注:js数据结构

       1、栈(stack)-----系统自动分配相对固定大小的内存空间,并由系统自动释放;栈空间是高地址向低地址拓展的数据结果,是连续的内存、运算速度比堆快

       2、堆(heap)     -----程序员自己通过 newmalloc 等申请的空间,动态分配内存,内存大小不一,也不会自动释放(故内存泄漏几乎都在堆区发生,需要程序员手动去 free 或者 delete

       3、其他:    

    js内存生命周期: 分配内存 -》 使用(读写)内容 -》释放、归还内存(局部变量的内存容易回收,全局变量难回收)

二、类型转换

1、类型转换分为两种:强制转换与隐式转换

   1.1、显式转换

转换为数值类型:Number(mix)、parseInt(string,radix)、parseFloat(string)
转换为字符串类型:toString(radix)、String(mix)
转换为布尔类型:Boolean(mix)//!!等价于Boolean(mix)

   注:parseInt可把二进制、八进制、十六进制或其他任何进制的字符串转换成整数(注意:parseInt是字符串转换成整数

parseInt("10",   2);    //2 
parseInt("66",   8);    //54 
parseInt("10",   10);   //10 

parseInt("1234blue");   //1234 
parseInt("0xA");   //10 
parseInt("22.5");   //22 
parseInt("blue");   //NaN

          parseFloat字符串转浮点数字

parseFloat("1234blue");  //1234.0 
parseFloat("0xA");       //NaN 
parseFloat("22.5");      //22.5 
parseFloat("22.34.5");   //22.34 
parseFloat("0908");      //908 
parseFloat("blue");      //NaN

        toString() 方法,把数字转字符串转为二进制 八进制 十六进制字符串,, 不带参,就默认为10

(6).toString(2);     //"110"
(66).toString(8);    //"102"
(66).toString(16);   //"42"

       Object()方法,把原始值,根据它的类型,使用对应的构造函数,创建一个对象

Object(66);           //数字对象,等于  new Number(66)
Object("66");         //字符串对象,等于  new String("666")
Object(true);         //布尔对象, 等于  new Boolean(true)
Object(null);         //空对象,等于 new Object()
Object(undefined);    //空对象,等于 new Object()

1.2、隐式转换

下面我瞎写(别介意)的实例几乎包括了大部分弱类型转换的情况。

转数字转字符串转布尔值实例
undefined NaN “undefined” false

undefined+1=NaN

!undefined+1=2

null 0 “null” false null+1=1
true 1 “true”  不变 true+true=2
false 0 “false”  不变 false+!false=1
0  不变 “0” false 0+!0=1
-0  不变 “0” false 0+!-0=1
NaN  不变 “NaN” false  !NaN=true
Infinity  不变 “Infinity” true  
-Infinity  不变 ”-Infinity” true  
1(非零)  不变 “1” true  
""(空字符串) 0 不变 false

1+"1"="11"

10-"1"=9  // -、*、/号都是转数字。

1+ +"1"=2

1++"1"=>Uncaught ReferenceError: Invalid left-hand side expression in postfix operation

"one"(非空、非数字) NaN 不变 true

"one"+1="one1"

 

{}(任意对象)

首先

调用 valueOf(),如果返回的是原始值,再转数字(需要的话),并返回;

否则

调用 toString(), 如果返回的是原始值,再转数字,并返回;

否则

抛出一个类型错误

跟转数字的规则一样 true

{}+[]=0

{}+1=1

({}+1)="[object Object]1"

[]+{}="[object Object]"

1+{}="1[object Object]"

1-!{}=1 

[](空数组) 0 ”” true

!+[] =true      //数字0取反

![]   =false     //布尔值取反

[]+[]=""        //字符串""

+[]=0           //数字0

+[]+[]="0"   //数字0+""

[]==0 =>true

[9](包含一个数字元素) 9 “9” true [1]+1="11"
[”a”](其他数组) NaN 使用.join()方法 true

[1,2]+"1"="1,21" //"1,2"+"1"

[1,2]+1="1,21" //"1,2"+1     

![1,2]+1=1            

function(){}(任意函数) NaN   true  

注:1、ECMAScript 运算符优先级

运算符描述
. [] () 字段访问、数组下标、函数调用以及表达式分组
++ — - + ~ ! delete new typeof void 一元运算符、返回数据类型、对象创建、未定义值
* / % 乘法、除法、取模
+ - + 加法、减法、字符串连接
<< >> >>> 移位
< <= > >= instanceof 小于、小于等于、大于、大于等于、instanceof
== != === !== 等于、不等于、严格相等、非严格相等
& 按位与
^ 按位异或
&& 逻辑与
?: 条件
= oP= 赋值、运算赋值
, 多重求值

 

 

 

 

 

 

 

 

 

 

 

 

 

2、&&(逻辑与)、||(逻辑或)

 &&(逻辑与)

  1.   如果两侧都是布尔值, 进行布尔(AND)运算。
  2.  否则它会先计算左侧表达式,如果为 “假值”,返回这个值,如果是“真值”,计算右侧表达式,并返回计算结果。
true && false;       //false
1 && 2;              //2
null && 2;           //null
1-1 && 2;            //0
2-1 && 0;            //0

 ||(逻辑或)

    如果两侧都是布尔值, 进行布尔(OR)运算。

    否则它会先计算左侧表达式,如果为 “真值”,返回这个值,如果是“假值”,计算右侧表达式,并返回计算结果。

true || false;       //true
1 || 2;              //1
null || 2;           //2
1-1 || 2;            //2
2-1 || 0;            //1

 3、null与undefined区别

undefined!==null

 1、定义上:null 表示一个值被定义了,定义为“空值”;undefined 表示值未定义(如变量被声明但未赋值、函数没提供制定的参数、对象没有需要的属性等等)

typeof null; // "object"
typeof undefined; // "undefined"

 2、类型转换上:转数字、转字符串结果不同,具体看上面隐式转换表

 3、数据类型上:Undefined代表没有赋值的基本数据类型;Null代表没有赋值的引用数据类型

 

 

 

 

 

posted @ 2018-08-18 13:56  影之殇  阅读(219)  评论(0编辑  收藏  举报