首页 > 代码库 > javascript小白学习指南0---1

javascript小白学习指南0---1

引言:

做为一名程序员,都是真心的想把自己的东西分享出来,供大家一起学习探讨,一起提高技能,一起涨工资,呵
  这一系列的文章都是关于Javascript 基础的 当然文章当中穿插了些我自己的理解,希望可以帮助一些刚开始的童鞋!
  废话不多说我们开始吧!



第一章:Javascript 基本概念

  主要内容

  • 数据类型                                                                             
  • 控制语句
  • 函数              

    我们先从最简单的数据类型开始吧!

    首先请记住javascript 有5种基本数据类型和1种复杂数据类型,至于为什么只有这六种,大家可以去翻翻W3C的资料哈!

    五种基本数据类型

  • Undefined
  • Null
  • Boolean
  • Number
  • String
    一种复杂数据类型:

  •  Object 
   在学习这些数据类型之前,我们必须学习使用一个工具,俗话说磨刀不误砍柴工嘛!

  下面为大家介绍一种手段来检测变量的数据类型   ->->->->   typeof  操作符 你可以理解为 

   type of  someting 比如 type of undefined  更多例子如下:

  • type of undefined     如果这个值未被定义
  • type of boolean        如果这个值是布尔值
  • type of string            如果这个值是字符串
  • type of number         如果这个值是数值
  • type of object           如果这个值是对象 或者 是 NULL
  • type of function        如果这个值是函数
    下面为大家写个小例子 你们可以自己建立一个HTML文件然后把我的代码考进去

     
<script>
     var Question = "csdn boss is ji lao ?";
     alert("依次是 string number object");
     alert(typeof Quession);
     alert(typeof  100);
     alert(typeof    null);
</script> 
   

   下面来分别详细说说这几种数据类型

  •  Undefined 类型
     简单的来说就是:在使用var 声明变量但未对其加以初始化时,这个变量值就是Undefined;
     为什么这么说呢? 看下面的代码
    
var csdn //声明之后默认取得undefined

//var TT 这个变量没有声明

alert(csdn)    //返回 undefined
alert( TT )     // 按F12打开调速器发现报错了 

  •  Null 类型
     Null 类型是只有一个值的数据类型 当然这个值就是null 啦,我上面提到过当使用typeof 时 想起来没有?
     
      typeof null 是返回的Object 为什么呢?因为 null 值表示一个空对象的指针
     
     在告诉你们一个秘密 其实 Undefined 是 Null 的儿子,不信的话你们可以在控制台里试一试

     

     才发现CSDN 的上传图片还自动带水印的可怜可怜。。。


  •  Number 类型
     这个类型嘛! 有点枯燥,但是它又是JS里面最令人关注的类型
     首先介绍最简单的JS数字的进制
     
var intNumber = 10; //整数
var 8_number =  012  //八进制
var 8_number_1 = 019 //无效八进制自动去0变10进制

var 16_number = A //16进制
//我在进行算术计算时 从不管你是什么进制反正都会是转换成10进制

   下面介绍浮点数
   
var floatNum = 1.1 
var floatNum_1 = 0.1
//上面的都是浮点数的声明方法
//当然还有高级点的

var float_num_2 =1.123e3  // 就是1123

//e 3 表示 10*10*10

   NaN  = Not a Number
   它有点特殊  比如任何数值除以0 那么在JS中 就会返回 NaN
   NaN 有两个重要的特点
   1.  任何,请注意是任何 涉及NaN的操作都会返回  NaN
   2.  NaN 与任何值都不相等

   关于NaN 它还有一个小工具  是一个叫做 isNaN(param)  的函数
   
   param 是你传入的值 它会尝试将param 转换成数值 , 可以转换返回FALSE  不能转换 返回 TRUE

   说道这里就不能不说说这个数值转换的问题了

   首先还是给大家介绍三个工具  它们分别是
    
    Number()    parseInt()   parseFloat()  

    这几个是干嘛的呢? 第一个可以用于任何数据类型,而后面的两个专门用于把字符串转换成数值

    代码例子如下 ,一样一个

    
var c = Number("csdn ");   //NaN
var s = Number("" );         //0
var d = Number("0000132 ") //132
var n = Number (true)        //1

var c = parseInt("123CSDN")  //123

var s = parseFloat ("22.5")   //22.5

//更多的例子大家可以去W3C上去看看

  • String 类型  
     首先请大家记住: 在JS中字符串是不可变的,也就是说,字符串一旦创建,他们的值就不能改变,要改变某个变量中的值,首先要销毁原来的,然后在用新的去填充

   
var csdn = "csdn "
csdn = csdn+"is what?"

//按照上面的意思 你能理解这段代码的工作原理吗??

  toString() 方法和 String()函数
  
  toString() 几乎每个值都有这个方法 它接收一个参数 这个参数是你要输出的值按什么进制输出
  
  也就是说传 2 就是 二进制 不传默认 10 进制 

   String() 函数 它能将任何类型转换成字符串

   规则如下
   
   1.  如果有 toString() 方法则调用

   2.  如果是NULL 则返回 null
 
   3.  如果是 Undefined 则返回  Undefined

  •    Object 
     看代码!!!!
     
      
var a = new Object();

     好吧我创建了个对象(妈蛋现实世界里没有怎么办
   
     这个现在你只要记住:
    
      Object 类型是所有实例的 基础 基础 基础 基础 基础。 

     啊?  懂 ?

      不懂不要紧 慢慢来!

      下面放福利 今天就到这里 (你们就这点出息)