JavaScript基础语法（上）

温故而知新，跟着视频，总结知识点。

一. 变量

JavaScript是弱类型脚本语言，使用变量之前，可以无需定义，即当使用某个变量的时候可以直接使用。

定义(隐式定义/显示定义)

隐式定义：直接给变量赋值

<script type="text/javascript">
    temp="hello,world";// 使用隐式定义
</script>

显示定义：使用var关键字定义变量

<script type="text/javascript">
    var temp;// 使用显示声明
    temp = 12; // 赋值后的temp的数据类型为整型
</script>

注：可以同时定义多个变量

<script type="text/javascript">
    var a, b, c;// 可以一次性定义多个变量
    var I, j = "abc", k = 0;// 定义变量时 可以为变量指定初始值
</script>

变量名规则

给变量起名字需要遵守以下规则：

1.可以以 字母(大小写均可)、下划线 _、或者美元符号 $ 开头
2.余下的可以是 _ 、 $ 、 任意字母 、数字
3.不能使用关键字作变量名

示例：查看一下变量名是否遵循规则

var test;
var Micky_she$Shang98hai;
var _micky98;
var $$Shang98hai;
var 8micky;// 不合法：数字不能开头
var micky% = 10; // 不合法：变量名只能包含：字母、_、$、数字
var true = 10; // 不合法：变量名不能是关键字

二. 数据类型

JavaScript是弱类型脚本语言，声明变量时无需指定变量的数据类型。JavaScript是解释时动态决定的，数据保存在内存中也是有数据类型的。

JavaScript常用数据类型

数值类型(number)：包含整数和浮点数；

var a = 10;
var b = 10.2;
var c = 5e2;
var d =1.2e-3;
var e = 0xf;// 十六进制数
var f = 014;// 八进制数
var g = .2e2;
document.write(a+"<br/>"+b+"<br/>"+c+"<br/>"+d+"<br/>"+e+"<br/>"+f+"<br/>"+g);

输出
10
10.2
500
0.0012
15
12
20

布尔类型(boolean)：只有true和false两个值；

var a = true;
var b = false;

字符串类型(string)：字符串可以用双引号“”或者单引号‘’括起来；

var num1 = "abc";
var num2 = 'bcd';

未定义类型(undefined)：专门用来确定一个已经创建但是没有初值的变量，也可以代表一个对象中的一个属性不存在；

var a;
alert(a);// 输出：undefined
alert(String.abc);// 输出：undefined

空类型(null)：用于表明某个变量的值为空，例如 var a = null；

var b = null;
var a;
alert(b==a);// true
alert(b===a);// ===表示严格等于 false

对象类型(object)：JavaScript中的对象、数组等

后面细讲

三. 数据类型转换

JavaScript和其他编程语言一样，可以进行类型转换。

数值转换成字符串：通过 + 号或者 toString() 方法

var a = 3;
var b = 10;
var c = a.toString();// 字符串 3
var d = b + c;// 字符串 103
alert(d);// 103

字符串转换成整型：parseInt() 方法

document.write(parseInt("67red"));// 67
document.write(parseInt("53.5"));// 53
document.write(parseInt("0xC"));// 12
document.write(parseInt('mickychiang'));// NaN：not a number

字符串转换成浮点型：parseFloat() 方法

document.write(parseFloat('25micky'));// 25
document.write(parseFloat('0xA'));// 0 !!!!!
document.write(parseFloat("435.34"));// 435.34
document.write(parseFloat('mickychiang'));// NaN

练习

var a = 3.5;
var b = a - 2;//1.5
var c = a*2;// 7
var a1="3.5"
var d = a1+2;// 3.52
alert(b+"\n"+c+"\n"+d);//1.5 7 3.52
alert(parseInt(a)+2);//5
alert(parseFloat(a)+2);//5.5

四. 字符串

1. 字符串常用方法

length ：字符串长度

charAt(index) ：获取指定索引下的字符

toUpperCase() ：将字符串的所有字符转换成大写字母

toLowerCase() ：将字符串的所有字符转换成小写字母

indexOf(substring) ：指定的字符(串)第一次出现的索引值(位置)

lastIndexOf(substring) ：指定的字符(串)最后一次出现的索引值(位置)

substr(start index,length) ：截取一段字符串(索引值为start index的字符开始到长度为length的字符结束)

substring(start index,end index) ：截取一段字符串(索引值为start index的字符开始到索引值为end index的字符结束)

slice(start index,end index) ：截取一段字符串(索引值为start index的字符开始到索引值为end index的字符结束)

注意
slice()的index可以为负数，即从尾开始右到左下标为-1，-2，-3，… ，比substring()功能更强大。

replace(oldstring,newstring) ： newstring字符(串)取代oldstring字符(串)

match(substring) ：匹配字符(串)

search(substring) ：匹配字符(串)的下标

注意
match()匹配不到字符(串)时，返回 null；而match()匹配不到字符(串)时，返回 -1。

split(string) ：以string分割字符串

concat() ：用于连接两个或多个数组

2. 练习

var str = "Micky like songs";

alert(str.length);// 16
alert(str.charAt(6));// 下标为5 l

alert(str.toUpperCase());// MICKY LIKE SONGS
alert(str.toLowerCase());// micky like songs

alert(str.indexOf("k"));// 3
alert(str.indexOf("ke"));// 8
alert(str.indexOf('i',7));// 7
alert(str.indexOf('i',8));// -1 索引值为8的字符不是i 所以返回-1

alert(str.lastIndexOf('s'));// 15
alert(str.lastIndexOf('gs'));// 14

alert(str.substr(2,5));// cky l
alert(str.substring(2,4));// ck

alert(str.slice(2,4));// ck
alert(str.slice(3,-1));// ky like song
alert(str.slice(3,-6));// ky like
alert(str.slice(-3,-1));// ng

alert(str.replace('Micky','MickyChiang'));// MickyChiang like songs

alert(str.match("dddd"));// null
alert(str.match("like"));// like
alert(str.search('dddd'));// -1
alert(str.search('ick'));// 1

var arr = str.split(' ');
for(i=0;i<arr.length;i++){
  alert(arr[i]);
}
// 输出：
// Micky
// like
// songs

var a = [1,2,3];
document.write(a.concat(4,5,6));// 1,2,3,4,5,6

注意
1.字符串可以用 ‘’ 或者 “”
2.比较字符串是否相等，使用 == 即可，无需使用equals()方法

逐步整理中，，未完待续。。