JavaScript基础之注释，类型，输出，运算符
JavaScript是一种依托于网页为宿主的脚本语言，JavaScript是一门非常强大的语言，尤其对于web端，用途广泛，好用，偏向于操作网页，可以操作网页中的任何一个元素，JavaScript的缺点是是不能操作数据库，所以制作动态网页时需要结合其他语言来完成。
初学者可能会误以为JavaScript和Java语言之间有关系，虽然他们名字很像，他们确实是没有关系的。Java是sun公司的，该公司在2010年10月24日被oracle收购，oracle不仅是数据库的名字，oracle也就是大名鼎鼎的甲骨文公司。JavaScript是Netspace公司的，该公司1998年11月被AOL美国在线收购了。而JScript则是微软的，三者并没有太多关系。
JS可以嵌在网页的任何一个位置，也可以在外部。用<script>标签。
JS的注释语法分有单行注释和多行注释两种：
单行注释：//后一行的内容会被注释
多行注释：/* 中间的内容会被注释 */
HTML：<!-- 中间的内容被注释 -->
css：/* 中间的内容被注释 */
JS的输出语法：
alert();输出其中的内容
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
</body>
</html>
<script>
var i=10;
alert("hello world"+" "+i);
</script>
如图，<script>嵌在了网页的最下方：
用var定义了一个变量i，然后用alert输出可以看出，
1.“”中的内容会被直接输出
2.定义好的变量会输出变量的值而不是变量本身。
3.+号会把它们连起来输出
confirm();输出可选择的内容
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
</body>
</html>
<script>
var i=confirm("确认吗");
alert(i);
</script>
运行该代码后，会出现如下提示框：
如果点击确定：
如果点击取消：
由此可见，confirm不仅输出，还可以和用户简单的交流，如果用户点击确定，会返回true，如果用户点击取消，会返回false，confirm有且仅有这两个返回值。
prompt("");用户输入
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
</body>
</html>
<script>
var i=prompt("请输入");
alert(i);
</script>
运行后：
会出现一个输入的对话框，我们尝试输入一段文字：
点击确定后：
会返回用户输入的内容。
这里需要注意的是，用户输入的内容返回都是字符串形式。输入数字1，返回就是字符串‘1’。
数据类型：
计算机存储数据的时候并不是所有的数据都一样的，严格按照数据类型来存储。程序语言都绕不开数据类型，常见的数据类型有：
int 整数
float 单精度小数
double 双精度小数
decimal 小数
money 货币类型
char 字符
string 字符串
bool 布尔型，只有true和false
datetime 日期时间类型
强类型语言和弱类型语言：
说到类型，又分为强类型语言和弱类型语言，简单来说，强类型语言定义变量需要指定类型，比如C#，Java，假设你在c#代码中,你定义了一个整型变量后，就不能赋一个字符型数据给这个变量，除非你用强制类型转换，弱类型语言定义变量不需要指定类型，比如JavaScript，var 可以接受任何类型。
先记住慢慢理解：
强类语言使得对象处理的数据更容易被理解，而不需要与ADO.NET和XML编程模型打交道。这在大型系统里是很有用的，特别是当设计者定义了由自定义类所组成的数据访问层，并把设计向组织内的其他程序员发布的时候。当然，现在自定义类的使用有下降的趋势：它们需要编更多的代码，因为你必须创建.NET Framework所缺少的对象关系映射层。
强/弱类型是指类型检查的严格程度的。语言有无类型，弱类型和强类型三种。无类型的不检查，甚至不区分指令和数据。弱类型的检查很弱，仅能严格的区分指令和数据。强类型的则严格的在编译期进行检查。
类型转换：
虽然JavaScript是弱类型语言，但还是要用到类型转换。
parseInt()转换成整数
parseFloat()转换成小数
在前面已经可以看到，字符串与数字相加，得出的是在字符串的相加
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
</body>
</html>
<script>
var i='999';
var l=1.5;
alert(i+l);
i=parseInt(i);
alert(i+l);
</script>
可见在JavaScript中字符串和数字类型相加，得出的结果是字符串的组合，点确定
这是转换成变量i成数字之后，数字和数字之间相加，得出的结果是数字的和。
JavaScript中的运算符表达式
数学运算符：
+
数字求和，或字符串的组合
-
求差
*
乘积
/
除号需要注意的是，如果除一个不能整除得数，在JavaScript中会得出准确的小数，但是在其他强类型语言中，不能够整除的整数得出的还是整数，因为强类型语言中整数除以整数得出的还是整数。多余的小数就去掉了。
%
取余数
补充：有些小数运算会出问题，如下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
</body>
</html>
<script>
var i=1.1;
var l=56;
alert(i*l);
</script>
得出的结果明显有问题，与浮点数有关，可以尝试在小数运算中扩大10000倍在除以10000来解决问题。
逻辑运算符：
&&
与，并，两者都要是真true
||
或，二者有一个是真true就可以
！
非，否
比运算符：
==
等于，===是恒等于，=是赋值
！=，<>
不等于
>
大于
<
小于
>=
大于等于
<=
小于等于
三元运算符：
a==b?"A等于B":"A不等于B";
举例：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
</body>
</html>
<script>
var i=1;
var l=10;
var c=i>=l?"ok":"no";
alert(c);
</script>
以上是判断变量i是否大于等于变量l，若果是，返回OK，如果不是，返回no，c是判断的返回值。
再来一个输入的判断：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
</body>
</html>
<script>
var i=prompt("请输入第一个数字");
var l=prompt("请输入第二个数字");
var c=i>=l?"第一个数大于等于第二个数":"第一个数不大于第二个数";
alert(c);
</script>
输入第一个数字12
输入第二个数字10
判断得出第一个数字大于第二个数字。
JavaScript基础之注释，类型，输出，运算符的更多相关文章
- JavaScript基础知识：数据类型，运算符，流程控制，语法，函数。
JavaScript概述 ECMAScript和JavaScript的关系 1996年11月,JavaScript的创造者--Netscape公司,决定将JavaScript提交给国际标准化组织ECM ...
- 前端知识体系：JavaScript基础-变量和类型
前端工程师自检清单 1. JavaScript规定了几种语言类型 2. JavaScript对象的底层数据结构是什么 3. Symbol类型在实际开发中的应用.可手动实现一个简单的 Symbo 4. ...
- Python基础之注释，算数运算符，变量，输入和格式化输出
Python的注释 注释的作用:用自己熟悉的语言,对某些代码进行标注说明,增强程序的可读性: 在python解释器解释代码的过程中,凡是#右边的,解释器都直接跳过这一行: 注释的分类 单行注释 # 这 ...
- JavaScript基础（语法类型转换、运算符、语句）
1.类型转换: 分为自动转换和强制转换,一般用强制转换. 其他类型转换为整数:parseint(): 其他类型转换为小数:parsefloat(): 判断是否是一个合法的数字类型:isNaN(): 是 ...
- javascript基础篇--function类型（上）
在js中,function类型实际上是对象,每一个函数都是function类型的一个实例.并且与其它引用类型一样具有属性和方法. 声明 1普通方式 Function sum(num1,num2) { ...
- 你真的懂JavaScript基础类型吗
夯实Javascript基础. 基本类型有六种: null,undefined,boolean,number,string,symbol. 基本类型的值是保存在栈内存中的简单数据段 基础类型特性 基础 ...
- JavaScript基础语法资料
JavaScript基础第01天 1 - 编程语言 1.1 编程 编程: 就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程. 计算机程序: 就是计算机所执行的一系列的 ...
- JavaScript中判断对象类型方法大全1
我们知道,JavaScript中检测对象类型的运算符有:typeof.instanceof,还有对象的constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一 ...
- JavaScript中判断对象类型的种种方法
我们知道,JavaScript中检测对象类型的运算符有:typeof.instanceof,还有对象的constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一 ...
随机推荐
- 1.2 N层架构
N层架构 介绍 ABP架构 其他(通用) 领域层 应用层 基础设施层 网络和展现层 其他 总结 介绍 应用程序代码库的分层架构是被广泛认可的可以减少程序复杂度.提高代码复用率的技术.为了实现分层架构, ...
- Xamarin.Android 绑定友盟社会化分享组件
Xamarin.Android 绑定友盟社会化分享组件 最近在开发博客园Android App的时候需要用到友盟社会化分享组件,在github上搜了一下都没有找到最新版本绑定好的项目,就自己动手来绑定 ...
- 初学Log4Net
1.Log4Net是什么? Log4Net是用来记录日志的,可以将程序运行过程中的信息输出到一些地方(文件.数据库.EventLog等) 2.Appender Appende ...
- 迁移 SQL Server 到 Azure SQL 实战
最近有个维护的项目需要把 SQL Server 2012 的数据库迁移到 Azure SQL 上去.主要是因为租用的主机到期,而运营商停止了主机租赁业务,看来向云端的迁移是大势所趋啊!经过一番折腾最终 ...
- 查询表达式和LINQ to Objects
查询表达式实际上是由编译器“预处理”为“普通”的C#代码,接着以完全普通的方式进行编译.这种巧妙的发式将查询集合到了语言中,而无须把语义改得乱七八糟 LINQ的介绍 LINQ中的基础概念 降低两种数据 ...
- [Splay模版1]
输入 第1行:1个正整数n,表示操作数量,100≤n≤200,000 第2..n+1行:可能包含下面3种规则: 1个字母'I',紧接着1个数字k,表示插入一个数字k到树中,1≤k≤1,000,000, ...
- OSI七层模型学习笔记
1.简介 什么是OSI模型呢? OSI模型全名Open System InterConnect 即开放式系统互联,是国际标准化组织(ISO)提出的一个试图使各种计算机在世界范围内互连为网络的标准框架, ...
- OSS.Core基于Dapper封装(表达式解析+Emit)仓储层的构思及实现
最近趁着不忙,在构思一个搭建一个开源的完整项目,至于原因以及整个项目框架后边文章我再说明.既然要起一个完整的项目,那么数据仓储访问就必不可少,这篇文章我主要介绍这个新项目(OSS.Core)中我对仓储 ...
- （1）使用bash脚本实现批量添加用户
脚本实现内容: 可以指定用户名前缀,指定添加数量的批量添加用户脚本,密码为10为随机小写字母,并把用户名和密码写入文件中. 脚本代码: #!/bin/bashread -p "用户名前缀:& ...
- Windows 随手笔记
1.常见快捷方式 远程桌面 mstsc 注册表 regedit 组策略 gpedit.msc 2.Windows命令手册 ping命令 ping [-t] [-a] [-n count] [-l le ...