JS入门(三)

数据的类型转换

之前提到过,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函数内的变量无法在函数外面访问,在函数内却可以访问函数外的变量,函数内的变量称为局部变量。

时间: 2024-10-07 07:36:23

JS入门(三)的相关文章

JS入门三

1.变量提升 变量提升是浏览器的一个功能,在运行js代码之前,浏览器会给js一个全局作用域叫window ,window分两个模块,一个叫内存模块,一个叫运行模块,内存模块找到当前作用域下的所有带var和function的关键字,执行模块执行js代码,从上到下执行,遇到变量就会通过内存地址去查找这个变量,有和没有这个变量.有这个变量就会看赋值没赋值,如果赋值就是后面的值,如果没有赋值就是undefined,如果没有找到就说这个变量 is not defined. 2.条件语句 {}   在js我

three.js - (入门三)

前面两节讲得都是在舞台上创建角色,这一节我们就让角色动起来. three.js 中一般是用requestAnimationFrame();来做动画,当然也可以用setInterval定时器,这里不建议使用. 因为动画的核心就只有这个函数,然后如何做成何种动画,就靠自己去构思,去尝试了. 话不多说,上代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

Node.js入门:异步IO

异步IO 在操作系统中,程序运行的空间分为内核空间和用户空间.我们常常提起的异步I/O,其实质是用户空间中的程序不用依赖内核空间中的I/O操作实际完成,即可进行后续任务. 同步IO的并行模式 多线程单进程    多线程的设计之处就是为了在共享的程序空间中,实现并行处理任务,从而达到充分利用CPU的效果.多线程的缺点在于执行时上下文交换的开销较大,和状态同步(锁)的问题.同样它也使得程序的编写和调用复杂化. 单线程多进程 为了避免多线程造成的使用不便问题,有的语言选择了单线程保持调用简单化,采用启

Node.js入门:包结构

JavaScript缺少包结构.CommonJS致力于改变这种现状,于是定义了包的结构规范(http://wiki.commonjs.org/wiki/Packages/1.0 ).而NPM的出现则是为了在CommonJS规范的基础上,实现解决包的安装卸载,依赖管理,版本管理等问题.require的查找机制明了之后,我们来看一下包的细节. 一个符合CommonJS规范的包应该是如下这种结构: 一个package.json文件应该存在于包顶级目录下 二进制文件应该包含在bin目录下. JavaSc

Node.js入门:事件机制

Evented I/O for V8 JavaScript 基于V8引擎实现的事件驱动IO. 事件机制的实现 Node.js中大部分的模块,都继承自Event模块(http://nodejs.org/docs/latest/api/events.html ).Event模块(events.EventEmitter)是一个简单的事件监听器模式的实现.具有addListener/on,once,removeListener,removeAllListeners,emit等基本的事件监听模式的方法实现

Node.js入门:Node.js&amp;NPM的安装与配置

Node.js安装与配置  Node.js已经诞生两年有余,由于一直处于快速开发中,过去的一些安装配置介绍多数针对0.4.x版本而言的,并非适合最新的0.6.x的版本情况了,对此,我们将在0.6.x的版本上介绍Node.js的安装和配置.(本文一律以0.6.1为例,0.6的其余版本,只需替换版本号即可.从http://nodejs.org/#download可以查看到最新的二进制版本和源代码). Windows平台下的Node.js安装 在过去,Node.js一直不支持在Windows平台下原生

Javascript开发技巧(JS入门、运算符、分支结构、循环结构)

一.Js简介和入门 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript简介</title> <!-- [使用JS的三种方式] 1.HTML标签中内嵌JS(不提倡使用): <button onclick="javascript:alert('小碧池!你真点啊!')">有本事点我呀!!!<

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

第一章 对象模型 Ember.js 入门指南——类的定义.初始化.继承 Ember.js 入门指南——类的扩展(reopen) Ember.js 入门指南——计算属性(compute properties) Ember.js 入门指南——观察者(observer) Ember.js 入门指南——绑定(bingding) Ember.js 入门指南——枚举(enumerables) Ember.js 入门指南之七第一章对象模型小结 第二章 模板 Ember.js 入门指南——handlebars基

Ember.js 入门指南——属性传递

1,传递参数到组件上 每个组件都是相对独立的,因此任何组件所需的数据都需要通过组件的属性把数据传递到组件中. 比如上篇<Ember.js 入门指南--组件定义>的第三点"{{component item.pn post=item}}"就是通过属性post把数据传递到组件foo-component或者bar-component上.如果在index.hbs中是如下方式调用组件那么渲染之后的页面是空的. {{component item.pn}} 请读者自己修改index.hbs

【 D3.js 入门系列 --- 7 】 理解 update, enter, exit 的使用

本人的个人博客为: www.ourd3js.com csdn博客为: blog.csdn.net/lzhlzz 转载请注明出处,谢谢. 在前面几节中反复出现了如下代码: svg.selectAll("rect") .data(dataset) .enter() .append("rect") 当所选择的 rect 数量比绑定的数据 dataset 的数量少的时候,通常会用到以上代码,这一节就详细说说当被选择元素和数据数量不一致时该如何处理. 这一节将涉及到三个函数.