美文网首页
[学习笔记]细数js数据类型

[学习笔记]细数js数据类型

作者: amilyxy | 来源:发表于2016-11-23 19:26 被阅读108次

    我为什么突然想写数据类型..

    when talking about javascript , always come arcoss with ECMAScript ,and I always want to ask what is the ECMAScript , and javascript the same as it ? or dialect?
    of course not ,the core of javascript based on it and javascript is not only for Client, but for Server like Nodejs (its good I think) , I cant say more because I dont know too... so end.

    ok..say person language
     实际上ECMAScript并没有定义具体操作web pages 的方法,而javascript做了很多拓展,比如DOM BOM 来操作浏览器,今天在看ES6新规范,看到了symbol,set,map所以跑去看了一下数据类型才发现自己了解 的也挺少的,初学者,我也不太习惯写文章,也罢,边写边学..

    js数据类型

    js数据类型有原始数据类型(undefined null boolean number string symbol)
     之前在一个前端面试题目中看到js基本数据类型有哪些: undefined boolean number string object 感觉挺混乱,我的理解是对你定义的变量用 typeof(variable)返回的是前面五个之一,所以才被称为基本数据类型吧? 至于null哪去了 typeof(null)->'object',据说是历史遗留问题 : typeof-null 查的资料以后有兴趣可以看 /摊手
    Ps: typeof只能返回前面五个基本数据类型和function(如果想要知道实例是什么类型的对象可以了解一下instanceof运算符)
    还有引用数据类型(object) 可以看看ECMA-262文档

    An Object is logically acollection of properties. Each property is either a data
    property, or an accessor property.
    大概意思就是:
     js对象逻辑上是一大堆属性的集合,每个属性可以是:数据属性和访问器属性

    在Object上面继承出很多类型Array() Function() RegExp Data()等等,这里就有一个和Object很像的Map数据结构...
    while Dynamic language means you dont need to tell js what type a variable is when declaring it as it work out for you auto.
    写多了C你会发现经常被数据类型弄得宇宙无敌烦,往往定义出错会导致结果相差甚远,而且一些单片机内部比如A/D取值精度也是很蛋疼..
    初学者比如我就会觉得很神奇..变量在不同类型之间切换很方便 当然写程序的时候申明了变量就赋予了特殊的意义 还是不要切来切去吧

    细数原始数据类型

    其实写到这里..我有点写不下去了..既然已经写了这么多了..还是好好把他们都描述一遍毕竟-以后就不用再去到处百度吧

    • undefined
      undefined是属性是一个值
    var example
    typeof (example); //undefined 声明了变量未初始化
    
    typeof (example); //undefined 未声明变量
    
    function example() {
       //这是一段省略的程序
       return 0;    //控制台输入example()  输出 0
       return ;  //控制台输入example()  输出 undefined
      //这是函数没有返回一个确定的值
    }
    
    var example = new Object();
    example.prototype; //新建对象没有prototype这个值所以undefined
    
    • null
      只有一个值null
      undefined表示变量没有初始化而null则表示找不到对象是一个空对象指针,可以用来清空对象
    null == undefined ; //true   undefined 是从null派生而来 
    null === undefined ; //false
    
    • boolean
      布尔型数据有两个值true or false 有两种转换方式
     Boolean(value) ;//显式转换 返回一个bool值
     var example ; //隐式转换  很常见
     if(example) {XXX}  //example can be "null 0 false ""(empty string) undefined NaN"
    

    ToBoolean转换表

    输入 结果
    Undefined false
    Null false
    布尔型 原值
    数字型 当数值为0或NaN时为false,否则为true
    字符串型 如果字符串为空则为false,否则true
    对象 true
    • number
      可以表示整数和浮点数 有两个比较特别的值 Infinity-Infinity (无穷大)
      Number()函数也可以转换数字 如果返回值是一个非数值则会返回NaN以避免产生异常错误 parseInt()/parseFloat()可以接受参数,进行进制转换 缺省值是10
    (0.1+0.2) == 0.3 -> false
    NaN == NaN -> false
    parseInt("0xff") -> 255
    parseInt("123.1bl.2") -> 123
    parseInt("123.1bl.2",2)  -> 1
    parseInt("123.1bl.2",8) -> 83
    parseInt("0001111") -> 1111
    

    toNumber转换表

    输入 结果
    Undefined NaN
    Null 0
    布尔值 true -> 1  false -> 0
    数值 不转换
    字符串 见上面的代码块
    对象 DefaultValue
    • string
      不可描述 总之 很丰富 ]属性以及方法也有很多 需要什么查什么 @.@
      toString转换表
    输入 结果
    Udefined "unedfined"
    Null "null"
    布尔型 表达式如果是真则返回“true”,否则“false”
    数字型 转换成数字的字符串表达 在控制台测试可知输出与输入位数、精度 对于非数字的表达式,返回值是“NaN”
    字符串型 不进行处理
    对象 在ECMAscript中,转换首先调用toPrimitive函数,调用对象DefaultValue方法,有就返回结果 String(Array()) -> ""  String({a:1}) -> "[object Object]"
    • symbol
      这个是ES6新规范 要不是他.. 我就不会想写这篇文章了..
      可是我还是看不懂.. 囤货 -> 深入解析 ES6:Symbol

    引用数据类型

    不像C有结构体C++有类,在javascript里面等同于"对象"这个名词,其他引用类型都从Object引用类型继承而来.
    首先构造对象的方法:

    var father = {            //直接初始化方法
         name: "Lilei",
         age: 36,
    }
    father.work = "doctor";   //为对象添加属性 删除可以赋undefined
    father.worktime = function() { alert("1,2,3,4,5");};
    
    function People(name, age, person) {    //构造函数法 参数可以是另一个对象
         this.name = name;
         this.age = age;
         this.father = person;     //这里就不写闭包了..并不打算现在接触....
    }
    var person1 = new People("Hanmeimei", 18,father)    //new运算符在后面
    People.prototype.work = "student";   //通过原型添加属性或方法
    People.work; //注意输出 undefined
    

    贴张图解释一下


    new运算符
     简而言之: new运算符的作用就是构造一个对象实例,构造函数可以是像上面People一样自定义(这时候将创建一个隐式引用链接到函数的prototype用于初始化实例对象的proto),也可以是js自带的构造函数比如Array()等,注意只有构造函数具有prototype而实例没有只有proto,new出来的对象上下文的this会指向这个对象实例。
    原型和原型链 
     在javascript中原型实例指向一个他的原型的的链接,然后这个原型对象又有自己的原型,到null 为止,想象出来就是一条链子..
    感觉和事件冒泡差不多,当我在自己的内部找不到某个属性或者方法的时候就会找自己原型函数的属性和方法...

    写的好累 我要去学rails了,下次见 /微笑
    2016/11/23
        amilyxy

    相关文章

      网友评论

          本文标题:[学习笔记]细数js数据类型

          本文链接:https://www.haomeiwen.com/subject/gcyppttx.html