JavaScript的概述 使用方法 类型

JavaScript的概述：

1.组成 三部分组成

ECMAScript 基础语法（es5）

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

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

2.JS的作用

利用ECMAScript操作BOM让浏览器发生一些变化

利用ECMAScript操作DOM让文档发生一些变化

JavaScript书写位置：

1.书写在标签中

行内式
a标签书写在href属性
<a href="javascript:alert('hello')">内容</a>
alert：对话框，提示框，显示文本内容
<div onclick ="alert"('hello world');"><div>
写的时候注意分号
onclick：点击属性

2.书写在script标签中

内嵌式
写在script标签内 打开页面自动执行
<script>
  console.log('hello world');
</script>

3.书写在js文件中

外链式
把代码写在JS文件夹里，引入script里面
<script src="js/demo.js"></script>

变量定义

使用var关键词 (js是弱类型语言)

var 变量名 = 值

var 变量名=值,变量名2=值2,变量名3=值3
alert(变量名字)在浏览器窗口弹出，显示（变量名）的值
console.log（变量名字）在控制台打印变量名的值
document.write(变量名字)直接在页面输出

变量名命名规则

1.不允许数字开头

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

3.不允许保留字和关键词(static if…)

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

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

数据类型

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

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));
输出：18.88
  转换成数值类型

2.parseInt

console.log(parseInt(18.01));
输出：18
  只保留整数部分数字值

3.parseFloat

console.log(parseFloat(18.99));
输出：18.99
转换内容逐一查看，只保留整数，能解析小数

字符串转换

// toString方法
语法：要转换的内容.tostring
console.log(typeof d.toString());
// String方法
语法：String（要转换的内容）

布尔类型转换 Boolean

//string   非空则为true   number非0则为true   非NaN object   非null  undefined 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);//100
a/=10 //a = a/10
console.log(a);//10
a%=5 //a = a%5
console.log(a); //0
逻辑运算符：
   与&& 找假
  console.log(true && false)
   或｜｜ 找真
   console.log(true || true)
   非！  取反
    console.log(！true)
   &&  ｜｜ 又被称之为短路运算符

涉及到函数计算相关的类Math做操作

取幂次方 Math.pow

四舍五入 Math.round

举例

isNaN是数字为false

isNaN是字符为true

特殊的值NaN

特殊的类型：null ，undefined

进制转换方法

1. ​ .toString（进制） 10进制转其他进制

2.parseInt() //描述当前数为几进制// 其他进制转至10进制