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

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网页开发——体验式学习教程.pdf

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

    JavaScript凌厉开发——Ext详解与实践_源码清单

    JavaScript凌厉开发——Ext详解与实践_源码清单JavaScript凌厉开发——Ext详解与实践_源码清单JavaScript凌厉开发——Ext详解与实践_源码清单

    JavaScript凌厉开发——Ext详解与实践

    JavaScript凌厉开发——Ext详解与实践

    javaScript全面分析——中文版

    JavaScript全面分析——中文版是为想要快速理解和掌握JavaScript编程语言的学者精心编写的教程。JavaScript是一种广泛应用于Web开发的脚本语言,它在浏览器端运行,为网页添加交互性,使得用户界面更加生动活泼。本...

    JavaScript实战手册——第七版代码

    《JavaScript实战手册——第七版代码》是一本专为JavaScript开发者准备的实践指南,它涵盖了从基础到高级的各种JavaScript编程技术。这本书的代码示例旨在帮助读者深入理解语言机制,并提升在实际项目中的应用能力。...

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

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

    JavaScript程序设计——页面设置与表单验证实验报告.docx

    实验报告的标题“JavaScript程序设计——页面设置与表单验证实验报告.docx”涉及的核心是JavaScript编程中的两个关键领域:页面设置和表单验证。在Web开发中,JavaScript是一种常用的客户端脚本语言,用于增强用户的...

    javascript初学教程 多本 pdf

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

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

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

    javascript 学习资料——适合WEB初学者

    PDF格式的教程通常结构清晰,易于阅读和打印,适合自学或作为参考手册。 JavaScript的学习可以从以下几个主要知识点入手: 1. **基础语法**:了解变量、数据类型(包括基本类型和引用类型)、操作符、流程控制(如...

    JavaScript小案例——自动生成

    JavaScript不可抵挡的诱惑哦!JavaScript不可抵挡的诱惑哦!JavaScript不可抵挡的诱惑哦!

    利用JavaScript实现图片标注——SearchMapIdentityTask

    在JavaScript的世界里,图片标注是一项常见的任务,尤其在地理信息系统(GIS)、图像处理或机器学习等领域。`SearchMapIdentityTask`可能是一个自定义的JavaScript类,用于实现对地图上特定区域进行标注的功能。这个...

    教你一天玩转JavaScript(七)——使用JavaScript完成复选框的全选和全不选的效果

    本教程将深入讲解如何使用JavaScript实现复选框的全选和全不选功能,让您的网页交互体验更加友好。我们将探讨以下几个核心知识点: 1. **DOM操作**:JavaScript通过Document Object Model (DOM)来操作HTML元素。...

    JavaScript程序调试——不调之调

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

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

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

    教你一天玩转JavaScript(八)——使用JavaScript完成省市联动的效果

    在本教程中,我们将深入探讨如何使用JavaScript来实现省市联动的效果。这种效果常见于许多网站的地址选择器中,当你选择一个省份时,相应的城市列表会自动更新。这个功能能够提高用户体验,使得用户在填写信息时更加...

    JavaScript例子——计算

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

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

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

    JavaScript基础教程 精简版

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

    Java Script 经典教程(六)——JavaScript语言教程

    在本教程中,我们将深入探讨JavaScript的核心概念和实用技巧,帮助你掌握这一强大的脚本语言。 JavaScript语法基础: JavaScript是基于ECMAScript规范的,其语法与C++和Java有相似之处。变量声明使用`var`关键字,...

Global site tag (gtag.js) - Google Analytics