术语:JavaScript是网景公司对ECMAScript标准的一种实现
版本:讲到JavaScript的版本,实际上就是说它实现了ECMAScript标准的哪个版本。
位置:第一种方法由<script>...</script>包含的代码就是JavaScript代码,它将直接被浏览器执行。
第二种方法是把JavaScript代码放到一个单独的.js文件,然后在HTML中通过<script src="{% static '相对目录' %}"></script>引入这个文件
运行:以file://开头的地址无法执行如联网等JavaScript代码,最终,你还是需要架设一个Web服务器,然后以http://开头的地址来正常执行所有JavaScript代码。
调试:Google Chrome的控制台(Console)
语法:每个语句以;结束,语句块用{...}
注释:// 行注释,/*块注释*/
大小写:严格区分
数据类型
Number:JavaScript不区分整数和浮点数,统一用Number表示,以下都是合法的Number类型:整数123,浮点数0.456,科学计数法,负数,NaN表示Not a Number,Infinity表示无限大
字符串:字符串是以单引号'或双引号"括起来的任意文本
布尔值:一个布尔值只有true、false两种值
比较运算符:第一种是==比较,它会自动转换数据类型再比较,很多时候,会得到非常诡异的结果;
第二种是===比较,它不会自动转换数据类型,如果数据类型不一致,返回false,如果一致,再比较。
浮点数的相等比较,要比较两个浮点数是否相等,只能计算它们之差的绝对值,看是否小于某个阈值
null和undefined:null表示一个“空”的值,undefined表示值未定义,大多数情况下,我们都应该用null。undefined仅仅在判断函数参数是否传递的情况下有用。
数组:JavaScript的数组可以包括任意数据类型,[1, 2, 3.14, 'Hello', null, true];
另一种创建数组的方法是通过Array()函数实现:new Array(1, 2, 3);出于代码的可读性考虑,强烈建议直接使用[]。
对象:JavaScript的对象是一组由键-值组成的无序集合
变量:申明一个变量用var语句,变量类型不固定
strict模式:在strict模式下运行的JavaScript代码,强制通过var申明变量,未使用var申明变量就使用的,将导致运行错误。启用strict模式的方法是在JavaScript代码的第一行写上:'use strict';
字符串
多行字符串:用反引号 ` ... ` 表示
模板字符串:要把多个字符串连接起来,可以用+号连接。如果有很多变量需要连接,用+号就比较麻烦。ES6新增了一种模板字符串${变量名},表示方法和上面的多行字符串一样,但是它会自动替换字符串中的变量
操作字符串:
要获取字符串某个指定位置的字符,s[0]
需要特别注意的是,字符串是不可变的,如果对字符串的某个索引赋值,不会有任何错误,但是,也没有任何效果
toUpperCase()把一个字符串全部变为大写
toLowerCase()把一个字符串全部变为小写
indexOf('world')会搜索指定字符串出现的位置
substring(2,5)返回指定索引区间的子串
数组
请注意,直接给Array的length赋一个新的值会导致Array大小的变化
Array可以通过索引把对应的元素修改为新的值
请注意,如果通过索引赋值时,索引超过了范围,同样会引起Array大小的变化
indexOf()来搜索一个指定的元素的位置
slice()它截取Array的部分元素,然后返回一个新的Array
push()向Array的末尾添加若干元素,pop()则把Array的最后一个元素删除掉:
如果要往Array的头部添加若干元素,使用unshift()方法,shift()方法则把Array的第一个元素删掉:
sort()可以对当前Array进行排序
reverse()把整个Array的元素给掉个个,也就是反转
splice()方法是修改Array的“万能方法”,它可以从指定的索引开始删除若干元素,然后再从该位置添加若干元素:
concat()方法把当前的Array和另一个Array连接起来,并返回一个新的Array:
join()方法是一个非常实用的方法,它把当前Array的每个元素都用指定的字符串连接起来,然后返回连接后的字符串
对象
JavaScript用一个{...}表示一个对象,键值对以xxx: xxx形式申明,用,隔开。注意,最后一个键值对不需要在末尾加,,
由于JavaScript的对象是动态类型,你可以自由地给一个对象添加或删除属性 delete xiaoming.school
如果我们要检测xiaoming是否拥有某一属性,可以用in操作符,如果in判断一个属性存在,这个属性不一定是xiaoming的,它可能是继承得到的
要判断一个属性是否是xiaoming自身拥有的,而不是继承得到的,可以用hasOwnProperty()方法
循环
for循环的一个变体是for ... in循环,它可以把一个对象的所有属性依次循环出来
请注意,for ... in对Array的循环得到的是String而不是Number。
var a = ['A', 'B', 'C'];
for (var i in a) {
alert(i); // '0', '1', '2'
alert(a[i]); // 'A', 'B', 'C'
}