js的初步学习

js的学习

JavaScript是一种运行在客户端的脚本语言

JavaScript和HTML、CSS的区别

1.html：提供网页结构。提供网页的内容

2.css：美化界面

3.js： 控制网页内容，给网页增加动态效果

JavaScript的组成

1.ECMAscript

2.DOM

3.BOM

如何使用变量

• var声明变量

var age;

• 变量的赋值

var age;
age = 18;

• 同时声明多个变量

var age, name, sex;
age = 10;
name = 'zs';

• 同时声明多个变量并赋值

var age = 10, name = 'zs';

变量在内存中的存储

var age = 18;

a 对
1 错
age18 对
18age 错
name 对
$name 对
_sex 对
&sex 错
theworld 错
theWorld 对

数据类型

Number、String、Boolean、Undefined、Null

String类型

‘abc’ “abc”

• 字符串字面量

  ‘今天天气真好’

• 转义符

• 字符串长度

  length属性用来获取字符串的长度

• 字符串拼接

  字符串拼接使用 + 连接

  1.两边只要有一个=是字符串，+就实现拼接功能

  2.都是数字，就是算数功能

  Boolean类型

• Boolean字面量： true和false，区分大小写

• 计算机内部存储：true为1，false为0

数据类型转换

转换成字符串类型

• toString()

• String()

  存在的意义是，有的属性没有toString方法，这个使用String（）

• 拼接字符串方式

  num + “”，当 + 两边一个操作符是字符串类型，一个操作符是其它类型的时候，会先把其它类型转换成字符串再进行字符串拼接，返回字符串

转换成数值类型

• Number()

• parseInt()

• parseFloat()

• +，-0等运算

转换成布尔类型

• Boolean()

逻辑运算符(布尔运算符)

&& 与 两个操作数同时为true，结果为true，否则都是false
|| 或 两个操作数有一个为true，结果为true，否则为false
!  非  取反

关系运算符(比较运算符)

<  >  >=  <= == != === !==

==与===的区别：==只进行值的比较，===类型和值同时相等，则相等

var result = '55' == 55;  	// true
var result = '55' === 55; 	// false 值相等，类型不相等
var result = 55 === 55; 	// true

赋值运算符

= += -= *= /= %=

例如：
var num = 0;
num += 5;	//相当于  num = num + 5;

运算符的优先级

优先级从高到低
	1.()
	2.一元运算符 ++ -- !
	3.算数运算符  先* /  %后 + -
	4.关系运算符 > < >=...
	5.相等运算符    ==  !== === !=
	6.逻辑运算符     先&&   再||
	7.赋值运算符

// 练习1：
4 >= 6 || '人' != '阿凡达' && !(12 * 2 == 144) && true
			true
// 练习2：
var num = 10;
5 == num / 2 && (2 + 2 * num).toString() === '22'
       true                     true  

表达式和语句

if语句

语法结构

if (/* 条件表达式 */) {
  // 执行语句
}

if (/* 条件表达式 */){
  // 成立执行语句
} else {
  // 否则执行语句
}

if (/* 条件1 */){
  // 成立执行语句
} else if (/* 条件2 */){
  // 成立执行语句
} else if (/* 条件3 */){
  // 成立执行语句
} else {
  // 最后默认执行语句
}

switch语句

语法格式:

switch (expression) {
  case 常量1:
    语句;
    break;
  case 常量2:
    语句;
    break;
  case 常量3:
    语句;
    break;
  …
  case 常量n:
    语句;
    break;
  default:
    语句;
    break;
}

while语句

基本语法：

// 当循环条件为true时，执行循环体，
// 当循环条件为false时，结束循环。
while (循环条件) {
  //循环体
}

do…while语句

do…while循环和while循环非常像，二者经常可以相互替代，但是do…while的特点是不管条件成不成立，都会执行一次。

基础语法：

do {
  // 循环体;
} while (循环条件);

for语句

while和do…while一般用来解决无法确认次数的循环。for循环一般在循环次数确定的时候比较方便

for循环语法：

// for循环的表达式之间用的是;号分隔的，千万不要写成,
for (初始化表达式1; 判断表达式2; 自增表达式3) {
  // 循环体4
}

案例：

continue和break

break:立即跳出整个循环，即循环结束，开始执行循环后面的内容（直接跳到大括号）

continue:立即跳出当前循环，继续下一次循环（跳到i++的地方）

案例：

求整数1～100的累加值，但要求碰到个位为3的数则停止累加
求整数1～100的累加值，但要求跳过所有个位为3的数