引言:

做为一名程序猿。都是真心的想把自己的东西分享出来,供大家一起学习探讨。一起提高技能。一起涨工资,呵
  这一系列的文章都是关于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 类型是全部实例的 基础 基础 基础 基础 基础。 

     啊?  懂 ?

      不懂不要紧 慢慢来。

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

      

javascript小白学习指南0---1的更多相关文章

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

    第二章 变量和作用域    在看第二章时我希望,你能够回想一下前一次所讲的内容  假设有所遗忘 点这里    今天我们来说说 变量和作用域的问题 本章主要内容 基本类型和引用类型 运行环境 垃圾回收( ...

  2. javascript立体学习指南

    javascript立体学习指南第一章:首先了解javascript 首先,什么是javascript? JavaStrip出生于1995年,是一种文本脚本语言,成都装修公司是一种动态的.弱类型的.基 ...

  3. 【Head First Javascript】学习笔记0——自己制作chm参考手册素材

    变量声明:var 常量声明:const 数据格式转换: 1.转换函数 parseInt(A):把字符串A转换成整数:其中A为只包含数字的字符串 parseFloat(A):把字符串A转换成浮点数:其中 ...

  4. ArcGIS API for JavaScript 4.2学习笔记[0] AJS4.2概述、新特性、未来产品线计划与AJS笔记目录

    放着好好的成熟的AJS 3.19不学,为什么要去碰乳臭未干的AJS 4.2? 4.2全线基础学习请点击[直达] 4.3及更高版本的补充学习请关注我的博客. ArcGIS API for JavaScr ...

  5. 最棒的 JavaScript 学习指南(2018版)

    译者注:原文作者研究了近2.4万篇 JavaScript 文章得出这篇总结,全文包含学习指南.新人上手.Webpack.性能.基础概念.函数式编程.面试.教程案例.Async Await.并发.V8. ...

  6. web前端学习:JavaScript学习指南

    JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果.通常JavaScript脚本是通过嵌入在HTML中来实现 ...

  7. JavaScript学习笔记[0]

    JavaScript学习笔记[0] 使用的是廖雪峰JavaScript教程. 数据类型 Number 表示数字,不区分浮点整形. === 比较时不转化数据类型. == 反之. NaN与任何值都不想等, ...

  8. 学习javascript,您将发现以下两个学习指南

    学习javascript,您将发现以下两个学习指南,一个是初学者的,另一个是茄子一号经验丰富的程序员和Web开发人员的.你想学习javascript并对它有兴趣.我想这就是你来这里的原因,你做了一个明 ...

  9. 大量Javascript/JQuery学习教程电子书合集

    [推荐分享]大量Javascript/JQuery学习教程电子书合集,送给有需要的人   不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小   15天学会jQuery(完整版).pd ...

随机推荐

  1. vultr centos x64 6.5.x 升级php7.0

    升级前,先卸载 php5.6.x 卸载php5.6.2 从cent 6.5.x 需要卸载: yum remove php56u-mysqlnd-5.6.20-1.ius.centos6.x86_64 ...

  2. accept功能

    accept()功能 系统调用 accept() 这将是一个有点陌生的地方! 你可以想象发生 这种事情:这是非常远离你通过倾听 (listen()) 的port连接 (connect()) 你的机器. ...

  3. DIY.NETORM帧——技术储备(1)Attribute

    1.他是什么 ? 首先.我们当然Attribute它是一类,以下是一msdn文档对它的描写叙述:          公共语言执行时同意你加入类似keyword的描写叙述声明,叫做attributes, ...

  4. 关与 Visual.Assist.X.V10.7.1912的Crack破解补丁(vs 番茄插件的key破解方法)

    在win7系统下, 我用的是vs2012版本号. Visual Assist沿用了快10年的界面,最终有了更新,变得更加适合Win8 以及 VS2012的主题风格了 ,这也是以后软件的发展趋势,仅仅是 ...

  5. 四个漂亮CSS样式表

    1. 单像素的边框CSS表格 这是一个非常所用的表格风格. 源码: <!-- CSS goes in the document HEAD or added to your external st ...

  6. js实现文字逐个显示

    先把代码摆上了吧: <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtm ...

  7. 我已提取并尝试使用启动脚本(./start navicat)来启动 Navicat Linux 版本号,但没有反应

    具体的安装教程,參考这个navicat_for_mysql_10.0.11在linux下的安装,介绍的非常具体 參考这个 :我可否在 64-bit Linux 执行 Navicat? 推荐navica ...

  8. Unix编程艺术札记版本

    这本书是一位面试官告诉我,.非常感谢他的忠告.面试的说明.我写后认为,足.一方面是面试的技巧.另一方面就是学习的方法. 阅读这本书非常享受,加上之前的积累,一些疑惑,另一些基础的不足,在这本书里找 ...

  9. HDU-2857-Mirror and Light(计算几何)

    Problem Description The light travels in a straight line and always goes in the minimal path between ...

  10. ZOJ 3826 Hierarchical Notation 模拟

    模拟: 语法的分析 hash一切Key建设规划,对于记录在几个地点的每个节点原始的字符串开始输出. . .. 对每一个询问沿图走就能够了. .. . Hierarchical Notation Tim ...