数据的类型转换

之前提到过,js中数据类型分两种,

  基本数据类型string  number   boolean  undefined  null

  复杂数据类型 对象   Date   Array  function

  而在实际编程中,经常会与到数据类型转换的问题,比如把字符串类型的数据转化成数字类型的,又或者是把数字类型的转化成布尔类型的,那js中到底怎么实现数据类型的转换呢?

转成number

  隐式转换  +    -   *    /   %  ;值得注意的是,+在这里是用做正负的作用,而且是放在要转换的值得前面的。

  强制转换  使用外部的方法或是函数进行的数据转换

  Number()    parseInt()     parseFloat()

  var a = "123";
  var b = true;
  console.log(Number(a)); // 123
  console.log(Number(true)); // 1
  console.log(Number(null)); // 0
  console.log(Number(undefined)); // NaN
  console.log(Number("123.456")); // 123.456
  console.log(Number(" ")); //0

  boolean类型的值转换成Number类型true-->1    false-->0;

  unerfined-----> NaN;

  如果能将值转换成数字,就转换成对应的值,如果不能转换,则报NaN.

  Number()函数的特点:

  a.如果转换的内容可以转成数字,那么就直接返回这个内容对应的数字。

  b.将整体进行转换,如果有一个不可以转换那么返回NaN.

  c.如果在内容中出现小数,那么小数会保留,也会输出小数。

  d.如果内容为空(null),那么转换成0;

转成string类型:

  隐式类型转换:+“”

  强制类型  toString()    String();

  万物皆对象,JS中的对象几乎都有toString();null,undefined是没有toString()方法,如果要强制转换的话,只能使用String();能用toString()转换的对象,对string()都可以。

转boolean类型

  隐式类型       !!

  强制类型       Boolean()

  数据类型转boolean的时候,为false的情况:

  0, “”,null,undefined,NaN, 这些转成boolean类型的时候都为false,其它的都为true;

函数:

  函数:其实就是一段代码,一段可以在使用的时候执行,可以重复使用的代码块。它把可以重用的东西提取成函数,把不可重用的东西当成参数传入函数。

函数的定义:

function 函数名(参数){

  函数体(都是可执行的或是要执行的代码);

}

  函数有三要素:函数名(函数的功能),参数,返回值。

  首先来讲讲函数名,因为js对大小写是很敏感的,所以在命名函数和调用函数的时候大小写都要一直,否则的话就不能调用函数了。然后就是参数,也就是我们提供给函数的数据,函数中的参数可以是任意多个,也可以不写参数,如果有两个及以上参数的时候,参数与参数之间用半角的英文逗号隔开。最后,就是函数的返回值。每个函数都是有返回值的,如果在函数中没有明确的返回值的话,那么函数就会返回underfined。

  函数调用的时候一般都用函数名加括号的形式来调用。函数名();

  在函数中,还有形参跟实参的区别,形参就是在函数定义的时候,所传入的参数,主要就是为了起占位置的作用。而实参则是函数在调用的时候所传入的参数值。定义好了函数之后,在函数调用的时候,会将函数的实参复制一份传到函数定义时的形参里面,会和之前的一一对应起来,如果实参和形参的个不一样的时候,会先按之前的分配,也就是匹配形参中的前面几个。所以实参和形参的个数是可以不一样的。

  关于函数,还有些不得不提的就是他的作用域的问题。js编程环境的顶级作用域是window对象下的范围,称为全局作用域,全局作用域中的变量称为全局变量。而js函数内的变量无法在函数外面访问,在函数内却可以访问函数外的变量,函数内的变量称为局部变量。

JS入门(三)的更多相关文章

  1. 1. web前端开发分享-css,js入门篇

    关注前端这么多年,没有大的成就,就入门期间积累了不少技巧与心得,跟大家分享一下,不一定都适合每个人,毕竟人与人的教育背景与成长环境心理活动都有差别,但就别人的心得再结合自己的特点,然后探索适合自己的学 ...

  2. React.js入门笔记

    # React.js入门笔记 核心提示 这是本人学习react.js的第一篇入门笔记,估计也会是该系列涵盖内容最多的笔记,主要内容来自英文官方文档的快速上手部分和阮一峰博客教程.当然,还有我自己尝试的 ...

  3. Ember.js入门教程、博文汇总

    第一章 对象模型 Ember.js 入门指南——类的定义.初始化.继承 Ember.js 入门指南——类的扩展(reopen) Ember.js 入门指南——计算属性(compute properti ...

  4. web前端开发分享-css,js入门篇(转)

    转自:http://www.cnblogs.com/jikey/p/3600308.html 关注前端这么多年,没有大的成就,就入门期间积累了不少技巧与心得,跟大家分享一下,不一定都适合每个人,毕竟人 ...

  5. Node.js入门实例程序

    在使用Node.js创建实际“Hello, World!”应用程序之前,让我们看看Node.js的应用程序的部分.Node.js应用程序由以下三个重要组成部分: 导入需要模块: 我们使用require ...

  6. 前端总结·基础篇·JS(三)arguments、callee、call、apply、bind及函数封装和构造函数

    前端总结系列 前端总结·基础篇·CSS(一)布局 前端总结·基础篇·CSS(二)视觉 前端总结·基础篇·CSS(三)补充 前端总结·基础篇·JS(一)原型.原型链.构造函数和字符串(String) 前 ...

  7. 3.Python爬虫入门三之Urllib和Urllib2库的基本使用

    1.分分钟扒一个网页下来 怎样扒网页呢?其实就是根据URL来获取它的网页信息,虽然我们在浏览器中看到的是一幅幅优美的画面,但是其实是由浏览器解释才呈现出来的,实质它是一段HTML代码,加 JS.CSS ...

  8. web前端开发分享-css,js入门篇

    学习没有捷径,但学习是有技巧与方法.   一,css入门篇:   推荐书籍:css哪些事儿,精通css. 理由:css那些事儿,他是一本介绍css基础类的书,是入门的经典读物. 系统的介绍了css的选 ...

  9. Vue.js入门(一)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <meta htt ...

  10. 转 Python爬虫入门三之Urllib库的基本使用

    静觅 » Python爬虫入门三之Urllib库的基本使用 1.分分钟扒一个网页下来 怎样扒网页呢?其实就是根据URL来获取它的网页信息,虽然我们在浏览器中看到的是一幅幅优美的画面,但是其实是由浏览器 ...

随机推荐

  1. delphi 获得memo,Richedit焦点所在行

    procedure TForm1.Button1Click(Sender: TObject); var i:Integer; begin i:=SendMessage(Richedit1.handle ...

  2. js动态设置输入框字体/颜色

    动态设置文本框颜色: 主要是利用javascript中的触发事件onfocus和onblur <script language="javascript" type=" ...

  3. win7配置自己的IIS服务器亲自做的图文很详细

    跟人网站爱好初学者必看的win7系统配置自己的IIS,可以在你自己的电脑上配置网站服务器发不到网上,下面就跟着我的步骤一起做吧100%成功. 步骤/方法     点击开始-------控制面板这个就是 ...

  4. Spring classPath:用法

    http://blog.csdn.net/xing_sky/article/details/8228305 参考文章地址: http://hi.baidu.com/huahua035/item/ac8 ...

  5. session的一些方法

    session的一些方法: package com.stono.servlet.listenerorder; import java.io.IOException; import java.io.Pr ...

  6. ES1:Windows下安装ElasticSearch

    ElasticSearch(简称ES)是一个基于Lucene的分布式全文搜索服务器,本随笔演示在Windows安装ElasticSearch和用于管理ES的Head插件. ElasticSearch官 ...

  7. ubuntu-14.10下,安装gcc交叉编译器遇到问题及解决方法

    一 下载gcc-arm-none-eabi-4_9 安装成功后上报错误: ./gcc-arm-none-linux-gnueabi-gcc: No such file or directory 网上查 ...

  8. 编写JQuery插件-1

    看到这篇文章的人相信大家都学会了jq,或者正在用jq,在这里简单介绍一下jq的插件封装: jQuery的插件主要分为3种类型: 1.封装对象方法的插件 这种插件是将对象的方法封装起来,用于对通过选择器 ...

  9. linux 标准目录

    转自 http://www.weixuehao.com/archives/492 装完Linux,首先需要弄清Linux 标准目录结构 / root -?启动Linux时使用的一些核心文件.如操作系统 ...

  10. block之---数据传递

    block值传递分为两种情况 1.值传递 含义: 类似于函数参数的值传递,block内部对值的改变对外部没有影响,外部改变对block内部也没有影响. 情况 block访问外部局部变量没有被任何关键字 ...