javascript基础day1

js 介绍

js 是什么?

• 是一种运行在游览器上的编程语言，html和css是标记语言
• 可以实现网页特效，表单验证，数据交互，服务端编程(node.js)
• javascript由es(基础语法)，web-api(DOM，BOM）

js 的书写位置

1. 内部js

• 写在最下面的原因是为了优先加载html结构

	// html部分
	...
    

2. 外部js

• 中间不要写东西,否则外部js会被忽略

3. 内联js

• 尽量不要使用，做到html和css和js分离(方便维护)

js的注释与结束符

1. 单行注释 ctrl+/

2. 多行注释 shift+alt+a

3. 结束符

* 分号结束，可以省略
* 要不加要不全加

js的输入输出语法

1. 输出语句

2. 输入语句

3. 变量的本质与命名规范

• 变量的本质是在内存(电脑重启数据消失)中申请一个空间存储数据
• 命名区分大小写，不能与关键字重名，开头不能是数字，可以由数字和字符(下换线，字符)组成
• 命名要有意义，尽量遵循小驼峰命名法

4. var与let的区别

• var可先使用再声明(不合理)
• var声明变量名可以重复(不合理)
• var存在变量提升

---

常量

常量是什么

• 无法再次赋值的量就是常量
• 声明时必须赋初始值

常量的基本使用

1. 声明常量

const a=10;

---

数据类型

js是弱数据类型的语言

• 只有赋值了才知道数据类型
• 没有赋初始值自动为undefined类型

基本数据类型

1. number类型

let a=10;
let b=-10;
let c=10.1;

2. 算术运算符

• +，-，*，/，%
• 优先级和数学规则一样，（）可以提高优先级

3. string类型

• 嵌套使用外双内单，或者外单内双
• 没有值就是空字符
• 可以使用转移字符

let s1="hello world"
let s2='hello world'
let s3=`hello world`

4. 字符拼接与模板字符串

// 字符拼接
"1"+"1"			// 11 还是字符类型
10+"hello"		// 10hello 结果为字符类型

// 模板字符串
let a=10
let str=`hello ${a}`	// hello 10

5. boolean类型

let flag1=true	// 表示真
let flag2=false	// 表示假

6. undefined类型

• 应用场景可以用来检验表单数据是否有值

let num	// let num=undefined

5. null类型

• 应用场景可以给一个未赋值的对象赋为null

let num=null

6. undefined和null的区别

• undefined表示没有赋值，null表示赋值了为空
• undefined+1==NaN，null+1=1
• null本质是个对象

7. 数据类型检测

console.log(typeof 10)				// number
console.log(typeof "100")			// string
console.log(typeof false)			// boolean
console.log(typeof null)			// object
console.log(typeof undefined) 		// undefined

数据类型转换

1. 隐式转换

console.log(2+"2")		// 22，string类型
console.log(2-"2")		// 0，  number类型
console.log(2*"2")		// 4，  number类型
console.log(2/"2")		// 1，  number类型
console.log(2%"2")		// 0，  number类型

2. 显示转换

• Number() 只能用于字符数字转换
• parse类型只能去除后面的字符
• parseFloat()有小数保留2位，没有就不保留
• 转换都是向下兼容

console.log(Number("3"))					// 3
console.log(parseInt("3px"))				// 3
console.log(parseFloat("3.13px"))			// 3.13

console.log(typeof String(a));			 	// string
console.log(typeof a.toString());			// string
console.log(typeof (a+'10'));				// string