typeof操作符在javascript中运用时时页面上的操作数显示

typeof可以告诉我们它的操作数是一个字符串(string)、数值(number)、函数(function)、布尔值(boolean)或对象(object)。

1.字符串(string)

alert(typeof("asss"))、alert(typeof("123"))等。

此时警告框显示的是string。

注:字符串需要加双引号。

2.数值(number)

alert(typeof(123))。

此时警告框显示的是number。

注:typeof中只能含数字,不能含字母及其他特殊符号且没有双引号。

3.函数(function)

function union(){

var num1=1,num2=2;

var total=num1+num2;

}

alert(typeof(union));

此时警告框显示的是function。

4.布尔值(boolean)

alert(typeof(true));或alert(typeof(false));

此时警告框显示的是boolean。

5.对象(object)

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Author" content="Hehe">
  <title>Shopping list</title>
  <link rel="stylesheet" type="text/css" href="my_css.css">
</head>
  <body>
      <h1>What to buy</h1>
      <p title="a gentle reminder">Don‘t forgrt to buy this stuff.</p>
      <ul id="purchases">
          <li>A tin of beans</li>
          <li class="sale">Cheese</li>
          <li class="sale important">Milk</li>
      </ul>
      <script type="text/javascript" src="my_script.js"></script>
  </body>
</html>

alert(typeof document.getElementById("purchases"));

此时警告框显示的是object。

注:getElementsByTagName与getElementsByClassName返回的是一个数组,与getElementById不同。

通过

var itsems=document.getElementsByTagName("li");
for(var i=0;i<itsems.length;i++){
    alert(typeof itsems[i]);
}

的变化后转成输出对象。

此时i警告框显示3个object。

---读javascript DOM 编程艺术

时间: 2024-08-10 21:26:54

typeof操作符在javascript中运用时时页面上的操作数显示的相关文章

javascript 中的数据驱动页面模式

前段时间一直在想前端MVC的意义.这个话题仁者见仁,但是MVC的使用方法给我提了一个管理数据的有意思的想法--数据管理和数据驱动页面.我们以前的思路一直是事件驱动页面,事件驱动页面合乎逻辑而且节约代码.但是往往代码组织结构非常松散,这个松散并不是大家所期望的松耦合,而是一种乱七八糟的感觉,后来在一次code中,我尝试了一下用数据来驱动页面,觉得效果也不错,逻辑也比较简单.下面简单分享一下我的思路. 我有一个电子商店,我需要一个购物车功能. 我希望购物车能在前端处理相关逻辑.而后台只是保存用户订单

js(jquery)代码在页面上实时地显示时间

一.引入jquery 二.HTML代码 三.js代码 1)引入js代码 2)下面是完整的js代码

JavaScript中typeof、toString、instanceof、constructor与in

JavaScript 是一种弱类型或者说动态语言.这意味着你不用提前声明变量的类型,在程序运行过程中,类型会被自动确定. 这也意味着你可以使用同一个变量保存不同类型的数据. 最新的 ECMAScript 标准定义了 7 种数据类型: 7种内置类型:Boolean.Null.Undefined.Number.String.Symbol (ECMAScript 6 新定义)和Object,除 Object 以外的所有类型都是不可变的(值本身无法被改变). 一.typeof typeof操作符返回一个

JavaScript中typeof、toString、instanceof与constructor

JavaScript 是一种弱类型或者说动态语言.这意味着你不用提前声明变量的类型,在程序运行过程中,类型会被自动确定. 这也意味着你可以使用同一个变量保存不同类型的数据. 最新的 ECMAScript 标准定义了 7 种数据类型: 6种原始类型:Boolean.Null.Undefined.Number.String.Symbol (ECMAScript 6 新定义)和Object,除 Object 以外的所有类型都是不可变的(值本身无法被改变). 一.typeof typeof操作符返回一个

浅谈JavaScript中typeof与instanceof的区别

  首先,我们从其常规定义入手:       instanceof 运算符可以用来判断某个构造函数的 prototype 属性是否存在另外一个要检测对象的原型链上.(需要注意的一点是:prototype(原型链)的属性值有可能会改变).     typeof操作符返回一个字符串,表示未经求值的操作数(unevaluated operand)的类型. 此处引入topeof的一些特别之处,以便在区分用instanceof 还是typeof是做出判断: 注意:在通过typeof处理"其他任何对象&qu

为什么不要在 JavaScript 中使用位操作符?

如果你的第一门编程语言不是 JavaScript,而是 C++ 或 Java,那么一开始你大概会看不惯 JavaScript 的数字类型.在 JavaScript 中的数字类型是不区分什么 Int,Float,Double,Decimal 的.咳咳,我说的当然是在 ES6 之前的 JS,在 ES6 的新标准中提出了像 Int8Array 这样新的数据类型.不过这不是本文叙述的重点,暂且就不谈啦.本文将更着重地谈 JS 的数字类型以及作用于它的位操作符,而关于包装对象 Number 的更多了解可以

javascript中字符串和字符串变量的问题

var s = new String("hello"); s.indexOf(1) = 'p'; //错误,indexof()是函数 s[1]='p' //错误,在c和c++可以改变字符串变量元素的值,但这里貌似有问题 alert(s); //显示“hello” var s = new String("Visit Microsoft!") var a=s.replace(/Microsoft/, "W3School") alert(a); ale

JavaScript中的typeof操作符用法实例

在Web前端开发中,我们经常需要判断变量的数据类型.鉴于ECMAScript是松散类型的,因此需要有一种手段来检测给定变量的数据类型——typeof就是负责提供这方便信息的操作符. 对一个值使用typeof操作符可能返回下列某个字符串: “undefined”——如果这个值未定义“boolean”——如果这个值是布尔值“string”——如果这个值是字符串“number”——如果这个值是数值“object”——如果这个是对象或null“function”——如果这个值是函数 常用的typeof操

javascript中的操作符详解1

好久没有写点什么了,根据博主的技术,仍然写一点javascript新手入门文章,接下来我们一起来探讨javascript的操作符. 一.前言 javascript中有许多操作符,但是许多初学者并不理解或曲解他们的用途,本章将会带领初学者们一起来学习一下javascript的几个常用操作符:typeof.in.delete.new. 二.学习目标 1. 深入了解javascript操作符:typeof.in.delete.new的功能及用法. 2. 剖析根本,掌握这些常用的操作符的运用场景,活学活