`
zhanying
  • 浏览: 8760 次
社区版块
存档分类
最新评论

JavaScript强化教程——使用误区

阅读更多
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— 使用误区
JavaScript 使用误区
本章节我们将讨论 JavaScript 的使用误区。
赋值运算符应用错误
在 JavaScript 程序中如果你在 if 条件语句中使用赋值运算符的等号 (=) 将会产生一个错误结果, 正确的方法是使用比较运算符的两个等号 (==)。
if 条件语句返回 false (是我们预期的)因为 x 不等于 10:
var x = 0;
if (x == 10)

if 条件语句返回 true (不是我们预期的)因为条件语句执行为 x 赋值 10,10 为 true:
var x = 0;
if (x = 10)

if 条件语句返回 false (不是我们预期的)因为条件语句执行为 x 赋值 0,0 为 false:
var x = 0;
if (x = 0)

Note 赋值语句返回变量的值。
比较运算符常见错误
在常规的比较中,数据类型是被忽略的,以下 if 条件语句返回 true:
var x = 10;
var y = "10";
if (x == y)

在严格的比较运算中,=== 为恒等计算符,同时检查表达式的值与类型,以下 if 条件语句返回 false:
var x = 10;
var y = "10";
if (x === y)

这种错误经常会在 switch 语句中出现,switch 语句会使用恒等计算符(===)进行比较:
以下实例会执行 alert 弹窗:
var x = 10;
switch(x) {
    case 10: alert("Hello");
}

以下实例由于类型不一致不会执行 alert 弹窗:
var x = 10;
switch(x) {
    case "10": alert("Hello");
}

加法与连接注意事项
加法是两个数字相加。
连接是两个字符串连接。
JavaScript 的加法和连接都使用 + 运算符。
接下来我们可以通过实例查看两个数字相加及数字与字符串连接的区别:
var x = 10 + 5;          // x 的结果为 15
var x = 10 + "5";        // x 的结果为 "105"

使用变量相加结果也不一致:
var x = 10;
var y = 5;
var z = x + y;           // z 的结果为 15

var x = 10;
var y = "5";
var z = x + y;           // z 的结果为 "105"
分享到:
评论

相关推荐

    JavaScript凌厉开发——Ext详解与实践 源码 源代码 part3

    JavaScript凌厉开发——Ext详解与实践 源码 源代码 part3 因为源代码比较大,压缩后76M左右 所以分为四个包上传

    JavaScript网页开发——体验式学习教程

    张孝祥老师的“JavaScript网页开发——体验式学习教程”深入浅出地涵盖了JavaScript的基础与高级知识,旨在帮助学习者通过实践掌握这一强大的工具。 首先,教程中会涉及HTML(HyperText Markup Language)和CSS...

    JavaScript网页开发——体验式学习教程.pdf

    这份"JavaScript网页开发——体验式学习教程.pdf"提供了一个深入理解JavaScript语法和实践的平台,帮助初学者和有一定基础的开发者提升技能。 教程首先会介绍JavaScript的基础知识,包括变量、数据类型(如字符串、...

    JavaScript毕业设计——篮球赛事助手源码.zip

    JavaScript毕业设计——篮球赛事助手源码。已获高分通过项目。 在功能上实现创建比赛,统计参赛人员,统计比赛得分与犯规次数。 安装教程 启动服务器操作 (1) 找到服务器 woao_server 所在文件,点击进去文件 (2...

    JavaScript凌厉开发——Ext详解与实践 源码 源代码 part4

    JavaScript凌厉开发——Ext详解与实践 源码 源代码 part4 因为源代码比较大,压缩后76M左右 所以分为四个包上传

    Applet与Javascript的对话——让你的Javascript代码和Java Applet融洽地合作.pdf

    标题中的“Applet与Javascript的对话——让你的Javascript代码和Java Applet融洽地合作”指的是一种技术实现,即如何让JavaScript与Java Applet在Web应用中进行交互。这两种技术在早期Web开发中常常结合使用,以利用...

    javascript初学教程 多本 pdf

    本教程集合了多本PDF书籍,旨在帮助初学者全面理解并掌握JavaScript的基础知识和核心概念。 首先,从标题和描述我们可以推测,这是一份针对JavaScript初学者的教程资料集,包含多个章节,覆盖了从语言概述到深入...

    JavaScript程序设计——DOM访问实验报告.docx

    实验报告的主题是“JavaScript程序设计——DOM访问”,其目的是深入理解和掌握DOM(Document Object Model)在JavaScript中的应用,包括文档对象的属性、方法以及使用方式。DOM是HTML和XML文档的标准化表示,允许...

    教你一天玩转JavaScript(三)——使用JavaScript完成图片轮播的效果

    在本教程中,我们将深入探讨如何使用JavaScript来创建一个动态且引人入胜的图片轮播效果。JavaScript作为客户端编程语言,为网页增加交互性提供了强大的工具。在我们的"教你一天玩转JavaScript(三)"系列中,我们将...

    JavaScript基础教程(pdf版)

    本教程旨在为初学者提供一个全面的JavaScript基础知识学习平台,帮助理解并掌握这种强大的脚本语言。 《JavaScript基础教程》首先会介绍JavaScript的历史背景和基本语法,包括变量、数据类型、操作符、流程控制...

    JavaScript程序调试——不调之调

    小K.二十几岁,刚刚转到一家软件咨询公司上班。刚刚进来也没有被安排什么事情做,...”噢.JavaScript。我在前一个公司都写了两年了.去给他们露两手吧。”小K面露微笑。和团队的老大Mike说了一下.小K就算正式入伙了

    网页设计与开发——HTML、CSS、JavaScript实例教程

    4. JavaScript进阶:学习事件处理、Ajax通信,以及使用jQuery和其他库。 5. 实战项目:通过实际项目,将所学知识应用于网页开发。 通过深入学习这三门语言,你不仅可以创建静态网页,还能实现动态交互的效果,为...

    TypeScript入门教程——pdf文档

    **TypeScript 入门教程** TypeScript 是一种由微软开发的强类型、静态类型的超集语言,它在 JavaScript 的基础上增加了许多新特性,如...阅读提供的 "TypeScript入门教程——pdf文档",将能更全面地掌握这些知识点。

    JavaScript例子——计算

    总结一下,这个"JavaScript例子——计算"可能会涵盖基本的算术运算、运算符优先级、Math对象的使用、数组操作、类型转换以及可能的自定义函数设计。对于学习和提升JavaScript编程技能,这些都是非常重要的知识点。...

    JSP开发技术原理与实践教程——代码.rar

    在本"JSP开发技术原理与实践教程——代码.rar"压缩包中,包含的可能是用于教学或实践的JSP代码示例,帮助学习者深入理解JSP的工作机制和实际应用。 1. **JSP基本概念**:JSP是Java EE的一部分,它的核心思想是分离...

    JavaScript参考教程.doc

    第三、四章深入讲解JavaScript的核心概念——对象,包括对象的创建、属性和方法。第五章则专注于两个特定的应用场景:框架和Cookie的使用,作为对象知识的补充。 然而,本教程也存在一些不足。其参考式的结构可能会...

    Atlas/ajax基础教程——范例源码

    在"Atlas基础教程——范例源码"中,我们可以期待学习以下关键知识点: 1. **Ajax基础**:理解Ajax的工作原理,包括XMLHttpRequest对象的使用,以及如何创建、发送和处理HTTP请求。 2. **Atlas API**:熟悉Atlas...

    JavaScript动态网页开发详解——JavaScript特效

    在“JavaScript动态网页开发详解——JavaScript特效”这一主题中,我们将深入探讨JavaScript如何实现各种炫酷的网页效果。 一、JavaScript基础 在讨论特效之前,我们需要了解JavaScript的基础。JavaScript语法与...

    JavaScript基础教程 精简版

    本文档是JavaScript基础教程的精简版,旨在以简洁的形式介绍JavaScript的基本概念和技术。 首先,我们从简介开始。JavaScript由网景公司的Brendan Eich在1995年发明,起初被命名为Mocha,后来改为LiveScript,最终...

Global site tag (gtag.js) - Google Analytics