JavaScript学习10 JS数据类型、强制类型转换和对象属性

JavaScript学习10 JS数据类型、强制类型转换和对象属性

JavaScript数据类型

  JavaScript中有五种原始数据类型:Undefined、Null、Boolean、Number以及String

  Undefined数据类型的值只有一个:undefined

  在JavaScript中,如果函数没有声明返回值,那么会返回undefined。(后面有实例)。

  如果typeof后面跟一个未定义的参数,也是返回undefined

  Null数据类型的值只有一个:null

  null与undefined的关系:undefined实际上是从null派生出来的。

  所以:

alert(undefined == null);

  弹框显示true。

  Boolean数据类型的值有两个:true和false。  

var s = false; //声明了一个布尔值false

  字符串String类型,用单引号或者双引号都可以。

  JavaScript中没有char数据类型。

typeof运算符

  typeof是一元运算符,后跟变量的名称,用于获取变量的数据类型,其返回值有5个:undefined、boolean、number、string以及object

  var s = "hello"; // s是原始类型
  alert(typeof s) //输出:string

  另一种方式:

var s = new String("hello"); //s是对象类型
alert(typeof s) //输出:object

  对象类型的基类是Object(很像Java),所以typeof判断出是对象类型之后不再具体说明其到底是何种对象类型。

var s = false;
alert(typeof s); //输出boolean

var s = 3;
alert(typeof s)    //输出number

函数无返回值的情况

  在JavaScript中,如果函数没有声明返回值,那么会返回undefined

  function add()
  {
       return;//或者干脆不写return
  }
  alert(add()); //弹框显示undefined

强制类型转换

  强制类型转换:在JavaScript中有3种强制类型转换:

  Boolean(value),Number(value),String(value)

  比较常规的:

var s = Number(3);
alert(s);

  转换成布尔值:

var s = Boolean("hello");
alert(s); //显示true
var s = String("hello");  //注意此处没有关键字new,表示强制类型转换
alert(typeof s);//输出string
//如果加上new则会输出object

  注意:强制类型转换前面是没有new这个关键字的。

对象的属性

  在JavaScript中,所有对象都是从Object对象继承过来的。

  Object中的属性是不可枚举的(propertyIsEnumerable返回false),因此无法

  通过for…in语句得到其中的属性。

var object = new Object();
for(var v in object)
{
   alert(v);
}
//没有弹框,因为没有可枚举的属性

alert(object.propertyIsEnumerable("prototype"));//返回false

动态管理属性

  在JavaScript中,可以动态添加对象的属性,也可以动态删除对象的属性。

var object = new Object();
alert(object.username); //undefined

//添加属性
object["username"] = "shengsiyuan";
//object.username= "shengsiyuan"; //两种方式都可以动态添加属性username
alert(object.username); //显示定义的name属性

//删除属性
delete object.username; // username属性已经从object对象中删除
alert(object.username);//undefined

定义对象的另一种方式:

  以属性来定义对象:

// 在JavaScript中定义对象的最常见的方式
var object = {username: "zhangsan", password: 123};
alert(object.username);
alert(object.password);

参考资料

  圣思园张龙老师Java Web视频教程。

  W3School JavaScript教程:http://www.w3school.com.cn/js/index.asp

  英文版:http://www.w3schools.com/js/default.asp

时间: 2024-10-05 04:43:22

JavaScript学习10 JS数据类型、强制类型转换和对象属性的相关文章

JavaScript学习笔记——js变量的布尔值

typeof(1): numbertypeof(NaN): numbertypeof(Number.MIN_VALUE): numbertypeof(Infinity): numbertypeof("123"): stringtypeof(true): booleantypeof(window): objecttypeof(Array()): objecttypeof(function(){}): functiontypeof(document): objecttypeof(null)

javascript 学习小结 JS装逼技巧(一) by FungLeo

javascript 学习小结 JS装逼技巧(一) by FungLeo 前言 最近一直在做javascript方面的工作.但是本身我的javascript水平比较低,因此在学习过程中比较困难.而最近又接触到了很多的知识点.好记性不如烂笔头,因此写这篇零碎的博文,记一记我学到的一些好玩的东西. 简单的新建各种元素 创建各种元素都有相对应的方法,例如,创建一个数组可以这样写var arr = new Array 当然,这样做是对的,但是我英文很烂,并且不喜欢这样的代码.我喜欢的是下面这样的. //

JavaScript学习12 JS中定义对象的几种方式

JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型("prototype")方式 5.动态原型方式 一.基于已有对象扩充其属性和方法 <script type="text/javascript"> var object = new Object(); object.name

JavaScript学习03 JS函数

JavaScript学习03 JS函数 函数就是包裹在花括号中的代码块,前面使用了关键词function: function functionName() { 这里是要执行的代码 } 函数参数 函数的参数可以任意多个,不用声明变量类型,只用给出变量名: function myFunction(name, job) { 这里是要执行的代码 } 函数返回值 在函数中使用return语句,函数会停止执行,返回调用它的地方. 函数的返回值也不用声明类型,直接返回即可. function myFuncti

javascript不依赖JS加载顺序事件对象实现

背景: 在现在WEB开发中,稍复杂一点的页面,都会涉及到多个模块,尤其是类似seajs.LABjs.requireJS等模块工具出来后,前端开发者分模块开发已经慢慢变成一种习惯了,但是多个模块间的常常有各种交集,需要通信.需要互相调用,这时监听者模式便是必不可少的一种设计模式了,在前端表现事件操作.backbone和jquery都有提供了很好的事件处理方式. 但是,真正开发需求的时候我们常常会遇到文件加载顺序跟事件监听与更新不一致的需求,比如说:在一个视频网站里面,有一个视频处理的JS模块和用户

C#学习笔记 ----运算符和强制类型转换

运算符 算术运算符 +- */% 逻辑运算符 & | ^ ~ && || ! 字符串连接运算符 + 增量和减量运算符 ++ -- 移位运算符 << >> 比较运算符 == != <> <= >= 赋值运算符 = += -= *= /= %= &= |= ^= <<= >>= 成员访问运算符 . 索引运算符 [] 类型转换运算符 () 条件运算符(三元运算符) ?: 委托连接和删除运算符 + - 对象创建

JavaScript学习12 JS中定义对象的几种方式【转】

avaScript学习12 JS中定义对象的几种方式 转自:  http://www.cnblogs.com/mengdd/p/3697255.html JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型("prototype")方式 5.动态原型方式 一.基于已有对象扩充其属性和方法 <script type="text/javascript

带你玩转JavaScript中的隐式强制类型转换

正题开始前我想先抛出一个问题,==和===有什么区别?可能一般人会想,不就是后者除了比较值相等之外还会比较类型是否相等嘛,有什么好问的,谁不知道?!但是这样说还不够准确,两者的真正区别其实是==在比较的时候允许做强制类型转换,而===不允许.好了终于引出了今天的重点,我们平时肯定遇到过强制类型转换的时候,死活想不通为什么要这样转换(为什么这两个相等)的情况.那么下面我就以==为例,来说明一下其中强制类型转换的规则. 前提知识 JavaScript中的6大类型:undefined.null.boo

JAVAscript学习笔记 js句柄监听事件 第四节 (原创) 参考js使用表

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>句柄添加监听事件</title> <script type="text/javascript" src="tzy.js"></script> </head> <body>