JavaScript基础

JavaScript的概述

1.组成部分 三部分组成：ECMSCript 基础语法（es5）

DOM document object model 文档对象模型（操作html文档内容）

BOM borswer object model 浏览器对象模型（操作浏览器内容）

JavaScript书写位置：

1.书写在标签中

<a href="javascript:alert('hello')"></a>

2.书写在script标签中

<script>
    console.log("hello world");
</script>

3.书写在js文件中

<script src="js/demo.js"></script>

变量定义

使用var关键字（js是弱类型语言）

var 变量名 = 值；


var 变量名 = 值，变量名2 = 值2，变量名3 = 值3

变量命名规则

1.不允许数字开头

2.不允许特殊字符（可以使用_或者$）

3.不允许使用保留字和关键字（static if...）

4.建议使用驼峰命名法（myUserName）变量名区分大小写

5.建议使用语义化（param...）

数据类型

1.numder类型（整数和浮点数）

2.string类型（单引号 双引号 都是字符串）

3.Boolean类型（true false）

4.null类型（null值）

5.undefined类型（未定义 没有给变量赋值就是undefined，属于null派生的子类 null==undefined）

console.log(undefined == null); //true
var b,car = null;
console.log(typeof b == typeof car); //false

特殊数据类型

object(数组，date日期，这两者是不同数据结构)

检索数据类型的方法

typeof

var str = 'hello';
console.log(typeof str); //String

数值类型转换

1.Number()

console.log(Number(18.88));

2.parseInt()

console.log(parseInt(18.01));

3.parseFloat()

console.log(parseFloat(18.99));

字符串转换

1.toString()

console.log(typeof d.toString());

布尔类型转换

1.Boolean()

//string非空，number非0，非NaN，object，非null为true
//undefined false为false
var a = -10;
var b = boolean(a);//将字符串类型转换为布尔类型
console.log(typeof b);

判断是否为NaN（结果未定义）

isNaN()判断是否为NaN（不能转数值出现NaN 或者 除数不能为0）

console.log(isNaN(0/0));//true
console.log(isNAN('12.a'));//true
console.log(isNAN('12.8'));//false

运算符及表达式

算术运算符 有括号先算括号 先乘除取余再加减

//+ - * / % ++ --
//注：+ 有字符串进行的就是连接，没有字符串就是求和

++前置和后置的区别

var number = 10;
++number;//number = number + 1
console.log(number);//11
console.log(number++);//++放后面的意思就是先执行代码在运算结果  还是11
console.log(++number);//++放在前面是先运算结果再执行 13

赋值运算

= += -= *= /= %=

//赋值 将10的值赋给a
var a = 10;
//a + = 10 相当于a = a + 10;
a + = 10;//20
console.log(a);
a - = 10; //相当于a = a - 10;
console.log(a);
a * = 10; //相当于a = a * 10
console.log(a);
a / = 10; //相当于a = a / 10;
console.log(a);//10
a % = 5;//相当于a = a % 5;
console.log(a);//0