JavaScript学习基础
基本语法
JavaScript语法和Java语言类似,每个语句以 ; 结束,语句块用 {...}包起来。JavaScript并不强制要求在每个语句的结尾加; ,但是建议都加上,不给自己找麻烦。
注释分为行注释(//)和块注释()两种。
数据类型
Number
// JavaScript不区分整数和浮点数,统一用Number表示,以下都是合法的Number类型:
var num1 = 123; //整数123
var num2 = 0.456;//浮点数0.456
var num3 = 1.2345e3; //科学计数法表示 1.2345x1000,等同于1234.5
var num4 = -99;// 负数
var num5 = Nan;// NaN表示Not a Number,当无法计算结果时用NaN表示
var num6 = Infinity;// Infinity表示无限大,当数值超过了JavaScript的Number所能表示的最大值时,就表示为Infinity
//Number可以直接做四则运算,规则和数学一致:
var num1 = (1 + 2) * 5 / 2; //等同于数学中 (1 + 2) X 5 ÷ 2
var num2 = 2 / 0;// Infinity
var num3 = 0 / 0;// NaN
var num4 = 10.5 % 3;//求余运算, =1.5
字符串
字符串是以单引号'或双引号"括起来的任意文本,比如'abc',"xyz"等等。请注意,''或""本身只是一种表示方式,不是字符串的一部分,因此,字符串'abc'只有a,b,c这3个字符。
布尔值
//布尔值和布尔代数的表示完全一致,一个布尔值只有true、false两种值,要么是true,要么是false,可以直接用true、false表示布尔值,也可以通过布尔运算计算出来:
true; // 这是一个true值
false; // 这是一个false值
2 > 1; // 这是一个true值
2 >= 3; // 这是一个false值
//&&运算是与运算,只有所有都为true,&&运算结果才是true:
true && true; // 这个&&语句计算结果为true
true && false; // 这个&&语句计算结果为false
false && true && false; // 这个&&语句计算结果为false
//||运算是或运算,只要其中有一个为true,||运算结果就是true:
false || false; // 这个||语句计算结果为false
true || false; // 这个||语句计算结果为true
false || true || false; // 这个||语句计算结果为true
//!运算是非运算,它是一个单目运算符,把true变成false,false变成true:
! true; // 结果为false
! false; // 结果为true
! (2 > 5); // 结果为true
//布尔值经常用在条件判断中,比如:
var age = 15;
if (age >= 18) {
alert('adult');
} else {
alert('teenager');
}
//当我们对Number做比较时,可以通过比较运算符得到一个布尔值:
2 > 5; // false
5 >= 2; // true
7 == 7; // true
//实际上,JavaScript允许对任意数据类型做比较:
false == 0; // true
false === 0; // false
//要特别注意相等运算符==。JavaScript在设计时,有两种比较运算符:
//第一种是==比较,它会自动转换数据类型再比较,很多时候,会得到非常诡异的结果;
//第二种是===比较,它不会自动转换数据类型,如果数据类型不一致,返回false,如果一致,再比较。
//由于JavaScript这个设计缺陷,不要使用==比较,始终坚持使用===比较。
//另一个例外是NaN这个特殊的Number与所有其他值都不相等,包括它自己:
NaN === NaN; // false
//唯一能判断NaN的方法是通过isNaN()函数:
isNaN(NaN); // true
//最后要注意浮点数的相等比较:
1 / 3 === (1 - 2 / 3); // false
//这不是JavaScript的设计缺陷。浮点数在运算过程中会产生误差,因为计算机无法精确表示无限循环小数。要比较两个浮点数是否相等,只能计算它们之差的绝对值,看是否小于某个阈值:
Math.abs(1 / 3 - (1 - 2 / 3)) < 0.0000001; // true
null和undefined
null表示一个“空”的值,它和0以及空字符串''不同,0是一个数值,''表示长度为0的字符串,而null表示“空”。大多数情况下,我们都应该用null。undefined仅仅在判断函数参数是否传递的情况下有用。
数组
//数组是一组按顺序排列的集合,集合的每个值称为元素。JavaScript的数组可以包括任意数据类型,例如:
var arr = [1,2,3.14,'Hello',null,true];
//另一种创建数组的方法是通过Array()函数实现:
var arr1 = new Array(1,2,3.14,'Hello',null,true);
//然而,出于代码的可读性考虑,强烈建议直接使用[]。
//数组的元素可以通过索引来访问。请注意,索引的起始值为0:
arr[0];//返回索引为0的元素,即1
arr[5];//返回索引为5的元素,即true
arr[6];//索引超出了范围,返回undefined
对象
// JavaScript的对象是一组由键-值组成的无序集合,例如:
var person = {
name:'Zero',
age:'20',
tags:['js','web','mobile'] //最后一个属性不能有" , ",因为在IE6中会报错
};
// JavaScript对象的键都是字符串类型,值可以是任意的数据类型。要获取一个对象的属性,可以用 对象变量.属性名 的方式来:
person.name;//'Zero'
person.age;//'20'
JavaScript学习基础的更多相关文章
- JavaScript学习基础部分
JavaScript学习基础 一.简介 1.JavaScript 是因特网上最流行的脚本语言,并且可在所有主要的浏览器中运行,比方说 Internet Explorer. Mozilla.Firefo ...
- JavaScript学习基础篇【第1篇】: JavaScript 入门
JavaScript 快速入门 JavaScript代码可以直接嵌在网页的任何地方,不过通常我们都把JavaScript代码放到<head>中,由<script>...< ...
- JavaScript学习 - 基础(二) - 基础类型/类型转换
基础类型 - 数字类型(Number) 1.最基本的数据类型 2.不区分整型数值和浮点型数值 3.所有数字采用64位浮点格式存储,相当于Java和C语言中double格式 4.能表示的最大值 +- 1 ...
- JavaScript学习 - 基础(一)
ECMAscript ECMAscript是一个重要的标准,但它并不是JAVAscript唯一的部分,当然,也不是唯一标准化的部分,实际上,一个完整的JAVAscript实现是由一下3个不同的部分组成 ...
- JavaScript学习基础2
##JavaScript基本对象 1 .function:函数(方法)对象 * 创建: 1.var fun =new Function(形式参数,方法体): 2.function 方法名(参数){ 方 ...
- JavaScript学习基础1
##JavaScript: # 概念:一门运行在客户端的脚本语言 *运行在客户端浏览器中的.属于前端三件套之一,属于静态资源,每一个浏览器都有JavaScript的解析引擎 *脚本语言:不需要编译,直 ...
- JavaScript学习 - 基础(八) - DOM 节点 添加/删除/修改/属性值操作
html代码: <!--添加/删除/修改 --> <div id="a1"> <button id="a2" onclick=&q ...
- JavaScript学习 - 基础(七) - DOM event(事件)
DOM event(事件) 定义事件: // 定义事件: //方式一,直接在标签上定义事件 // 方式二: var a11 = document.getElementsByName('a11')[0] ...
- JavaScript学习 - 基础(六) - DOM基础操作
DOM: DOM定义了访问HTML 和XML 文档的标准:1.核心DOM 针对结构化文档的标准模型2.XMK DOM 针对XML文档的标准模型3.HTML DOM 针对HTML文档的标准模型 DOM节 ...
随机推荐
- koa 路由模块化(一)
1.项目目录 2.入口文件 根目录/app.js /** * koa 路由模块化 */ const Koa = require('koa'); const router = require('koa- ...
- koa 基础(十二)koa-static 静态资源中间件 静态web服务
1.目录 2.app.js /** * koa-static 静态资源中间件 静态web服务 * 1.npm install --save koa-static * 2.const static = ...
- 解剖PTP协议
一. PTP是什么? 英文为Precise Time Protocol,翻译过来就是精确时间协议 二. 为何会出现PTP? 大家想必是知道NTP的存在,然而NTP的精度很低,只能达到毫秒级别的精度,那 ...
- C++面试出现频率最高的30道题目
http://blog.csdn.net/wangshihui512/article/details/9092439 1.new.delete.malloc.free关系 delete会调用对象的析构 ...
- RSA签名、验签、加密、解密
最近在做一个项目,与一个支付渠道进行连接进行充值,为了安全,每个接口访问时,都要先登陆(调用登陆接口),拿到一个sessionKey,后续业务接口内容用它来进行3DES加密处理.而登陆需要用到RSA进 ...
- robotframework-requests--中文注解版
最近工作原因在研究RobotFramework对REST测试的方案,找到几个相关类库.但使用requests感觉更方便,研究了一下requests类库的源码,并将注释换成中文为方便使用.关于Reque ...
- 惊讶!我定的日志规范被CTO在全公司推广了
打印日志是一门艺术,但长期被开发同学所忽视.日志就像车辆保险,没人愿意为保险付钱,但是一旦出了问题都又想有保险可用.我们打印日志的时候都很随意,可是用的时候会吐槽各种 SB 包括自己!写好每一条日志吧 ...
- react和vue配置本地代理
React 在react中配置开发环境下的本地代理相对比较简单,直接在package.json文件中修改即可. 但是这样做有其局限性,如果开发中代理多个接口的时候将无法满足需求,我们需要的是下面这种的 ...
- Number 和 Math 类
Java Number & Math 类 一般地,当需要使用数字的时候,我们通常使用内置数据类型,如:byte.int.long.double 等. 然而,在实际开发过程中,我们经常会遇到需要 ...
- Spring MVC 异步请求 Callable
对于有的请求业务处理流程可能比较耗时,比如长查询,远程调用等,主线程会被一直占用,而tomcat线程池线程有限,处理量就会下降 servlet3.0以后提供了对异步处理的支持,springmvc封装了 ...