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‘

时间: 2024-10-08 09:21:10

JavaScript学习基础的相关文章

JavaScript学习基础篇【第1篇】: JavaScript 入门

JavaScript 快速入门 JavaScript代码可以直接嵌在网页的任何地方,不过通常我们都把JavaScript代码放到<head>中,由<script>...</script>包含的代码就是JavaScript代码,它将直接被浏览器执行.第二种方法是把JavaScript代码放到一个单独的.js文件,然后在HTML中通过<script src="..."></script>引入这个文件. 例一:放在head内 <

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> <title>JavaScript Study Basi

javascript --学习基础总结

闭包 下面是百度百科的解释: 闭包是指可以包含自由(未绑定到特定对象)变量的代码块:这些变量不是在这个代码块内或者任何全局上下文中定义的,而是在定义代码块的环境中定义(局部变量). 也就是说一个代码块中使用了自由变量 var d=10; function df(){ console.log(d);//这个时候d就是自由变量了 } 那下面来看一个简单的闭包的例子: let t1=(function d(){ var dd=1; return function(){ return dd++; };

javascript 学习基础

ECMAScript:翻译,核心,解释器; DOM:document object model   操作HTML.document; typeof a; NaN和NaN是不相等的;isNaN用来检测; == 先转换类型,然后比较,即隐式类型转换,减号也是; === 不转换类型,直接比较; 闭包:子函数可以使用父函数的局部变量; 匈牙利命名法:类型前缀(变量用),首字母大写(函数用); %求模:求余数; 三目运算符?:    条件?语句1:语句2; break:中断整个; continue:中断本

JavaScript学习 - 基础(五) - 对象

String对象 更详细转:http://www.w3school.com.cn/jsref/jsref_obj_string.asp //-------------------------------------------------------- // string对象属性: // length var x = [1,2,3,4,5,6] document.write(x.length) //6 //---------------------------------------------

JavaScript学习 - 基础(六) - DOM操作

DOM:DOM定义了访问HTML 和XML 文档的标准:1.核心DOM 针对结构化文档的标准模型2.XMK DOM 针对XML文档的标准模型3.HTML DOM 针对HTML文档的标准模型 DOM节点:整个文档是一个文档节点(document对象)每个html元素是元素节点(element对象)html元素内的文本是文本节点(text对象)每个html属性是属性节点(arrtibute对象)注释是注释节点(comment对象) <div id="XX">XX <div

JavaScript学习 - 基础(八) - DOM 节点 添加/删除/修改/属性值操作

html代码: <!--添加/删除/修改 --> <div id="a1"> <button id="a2" onclick="add()">add</button> </div> <div id="a3"> <button onclick="del()">del</button> </div> &l

我的javascript学习之路(一)对象之基础

做了2个多月的ajax项目,对js的学习觉得了深入了不少,把自己的一些学习的经验贴出来,希望对初学者有所帮助,也希望大家能指出我的错误之处或者不当之处. javascript 是基于对象的语言,为什么这么说呢,需要仔细思考. js的单根继承体系需要仔细了解,我觉得在js的世界里本身没有类的概念,他只有对象Object,不像java语言本身就有了Object然后又有Class,js中我们可以自己根据他的语言来构件类这一对象,因为没有语言本身的支持,所以方法就各种各样了,但是只要我们掌握了js的本质

JavaScript学习指南之第一章Hello JavaScript!最基础的JavaScript入门

JavaScript学习指南笔记 第一章 Hello JavaScript! JavaScript简介 JavaScript属于网络端的脚本语言. JavaScript 被数百万计的网页用来改进设计.验证表单.检测浏览器.创建cookies,以及更多的应用. 能够与网页进行完美的集成.. 目前在因特网领域,也是比较流行的一种脚本语言. JavaScript是一种轻量级的编程语言. JavaScript是可插入HTML页面的编程代码. JavaScript插入HTML页面后,可有所有的浏览器所执行