2019-02-19

Javascript_03

数据类型转换、数据类型判断、作用域及let和var的区别、逻辑运算符

一、复习(数据类型、字符串)

数据类型2大类
    1.简单数据类型:存放在内存栈
        number =》数值类型
        string =》字符串类型
        boolean =》 布尔值 --》true false
        null =》空(连容器都没有),对空对象的引用
        undefined =》空(容器里面没有东西),指一个变量未赋值的时候,js会给定这个变量一个值,即为undefined
        symbol =》唯一的值
    2.复杂数据类型:存放在内存堆中
        object =》对象
         
        
字符串:
    1.双引号不能嵌套双引号,单引号也如此
        双引号可以嵌套单引号,不同引号之间可以相互嵌套
    2.字符串之间可以用+来进行拼接

二、类型转换

类型转换2种:强制转换、隐式转换

强制转换:就是调用js提供的方法进行转换的方式
隐式转换:就是在特定的环境中自动转换的方式(比如if里面)
1.字符串转数字
parseInt()
parseFloat()
Number()
parseInt()和parseFloat()的区别:
  1).parseInt是转换为整数,parseFloat转换为浮点数
  2).parseInt可以传入第二个参数(进制),parseFloat没有第二个参数
    //parseInt可以传入第二个参数
            var num = "0xa";
            console.log(parseInt(num,16));
2.数字转字符串
toFixed(num)
    num:表示需要保留的小数点位数
toString(num)
    num:表示想转换成几进制的数(可选,默认十进制)不会改变自身的值
String(data)
 注意:
    1).这些方法不会改变原来的值,当调用这些方法的时候,是会返回一个新的值给我们
     2).当通过String方法来将数据转换为字符串时,会把undefined和null直接转换为"undefined"和"null", 转换其他类型的数据时,其实String还是通过调用toString来转换的
//数字转字符串 用.toFixed()
    var num1 = 0.1,num2 = 0.2,num3;
    console.log(num3=num1+num2);
    console.log((num3=num1+num2).toFixed(3));
            
//数字转字符串 用.toString() 不会改变自身的值
    var num4 = 45;
    console.log(num4.toString(16));//string
    console.log(num4);//number
    console.log(String(num4));
    console.log(typeof(String(num4)));//string
    console.log(num4);//number
//undefined不能转 通过String转换   
    var und;
    console.log(und.toString());
3.其他类型的值转换为Boolean;
1).Boolean()
//布尔值转字符串
    var bool = false;
    console.log(bool);
    console.log(typeof(bool));//boolean
    console.log(bool.toString());//string
4.其他类型的数据转换为Boolean的时候是true还是false
1.)空字符串         =》false
2.)非空字符串        =》true
3.)非0数字     =》true
4.)0                =》false
5.)空数组                  =》true
     []==true                  =》false
6.)空对象
  console.log(++[[]][+[]]+[+[]]);//10
            
  // typescript 强类型  -》js
  var a = [0,12,3]
      a[1] //12
//面试题
    var a = (true+1),//2
        b = ("3"+0),//30
        c = (5+"12"),//512
        d = (undefined+11);//NaN
        console.log(a+b+c+d); // 230512NaN
        console.log([]==true);//false
                
    if([]){
        console.log("bgg神教,一统江湖!");
     }else{
        console.log("[]为假")
}

5.null&undefined
null:表示对一个空对象的引用
      当一些变量我们不需要用到的时候,js有垃圾回收(GC)机制,会自动将不需要用到的变量赋值为null
      通常需要主动销毁一个对象的时候,可以赋值为null。
      连容器都没有,完全不占空间
 undefined:表示未赋值的变量的默认值,函数默认返回值,对象的属性。
            容器里面没有东西
 ** 注意:null == undefined**
6.symbol
symbol(desc):表示唯一的值
        desc:对这个变量的一个说明,没有其他意义
        当symbol作为一个对象属性时,添加的时候需要加上中括号[],注意这个属性不需要加引号
7.定义对象&定义函数
1.定义对象:
语法:var name = {};
对象获取其属性时通过点(除了symbol的类型)或者中括号(属性名要加上引号,symbol类型除外)来实现
获取对象的方法也是通过点来实现
2.定义函数:
函数:用关键字function来定义
语法:function name(){}
调用方法:name()
8.数组Array[]
数组里面的元素可以是任意的数据类型
通过下标值可以获取到数组里面的元素
通过length属性可以获取到数组的长度
  我们可以通过arr[arr.length]这种方式来按顺序添加数组元素
  通过arr.length = 0 来清空数组

三、数据类型的判断

方法一:typeof:可以检查这些类型
    1.number
    2.string
    3.boolean
    4.undefined
    5.symbol
    6.object
    7.function
方法二:Object.prototype.toString.call(data);
data:你要判断的变量

四、作用域

1.全局变量:在代码块直往外声明的变量都是全局变量
          它所处的环境就叫全局作用域;
          全局变量无论在什么地方(JS标签范围内)都可以调用到
          **当浏览器关闭时,才销毁**
                        
2.局部变量:在函数内声明的变量,就叫做局部变量,
          它所处的环境就叫局部作用域
          只能在当前函数内调用
         **当函数执行完,马上销毁。**
                      
3.块级变量(es6):在代码块中(大括号内)定义的变量(比如在if语句中)
                 它所处的环境较块级作用域


var let的区别:
    1.通过var来声明的变量,可以重复声明
      通过let来声明的变量,不可重复声明
    2.通过var来声明的全局变量,会自动挂载到window对象下,成为window对象下的一个属性,let不会
    3.通过var来声明的块级变量,可以在全局作用域中调用,let不可以
    4.通过var来声明的变量,会发生声明提前的情况,let不会

const(es6):

用来声明一个常量(不可变的值),即变量一旦声明并赋值了某个值,就不可以改变其值了
常量名是唯一的,值也是唯一的。symbol:值可以改
注意:
判断中会出现的坑点:

null !=false
var result = null;//null !=false
console.log(Boolean(result));//false
console.log(result == false);false

五、逻辑运算符

与&&,或||,非!
&&:一假即假
||:一真即真
!:取反

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,427评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,551评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,747评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,939评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,955评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,737评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,448评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,352评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,834评论 1 317
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,992评论 3 338
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,133评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,815评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,477评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,022评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,147评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,398评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,077评论 2 355

推荐阅读更多精彩内容