JvavScript笔记

一、JavaScript简介

1.什么是JavaScript

JavaScript简称JS，由网景公司开发的客户端 脚本 语言(java服务器端的编程语言)，不需要编译，可以直接运行

Web前端三层：

• 结构层HTML，定义页面的结构
• 样式层CSS，定义页面的样式
• 行为层JavaScript用来实现交互，提升用户的体验

2.JavaScript

• 在客户端动态的操作页面 eg：购物车
• 在客户端做数据校验
• 在客户端发送异步请求

二、引用方式

1.内联方式

在页面中使用script标签，在script标签的标签体中编写js代码

<script>
    js代码
</script>

2.行内方式

在普通标签中编写js代码，一般需要结合事件属性，如onclick、onmouseover等

补充：

对象：客观存在的并且可以相互区别的事物 eg：标签 div p span

外观：------长相------CSS

行为：------事件属性------‘我爱你’

<input type="button" value="点我" onclick="alert('我被点了，晕了!')">

	<!--<div οnmοuseοver="alert('走开')">把鼠标移上来</div>-->

	<!--<a href="" οnclick="alert('超链接被触发了')">我是超链接</a>-->

	<a href="javascript:alert('超链接被触发了')">我是超链接</a>
	<!--使用超链接的href属性执行js时，必须添加javascript:-->

3.外部方式

使用单独的.js文件定义，然后再页面中使用script标签引入外部脚本文件

<script type="text/javascript" src="js文件的路径"></script>

注意：如果某个script标签用于引入外部的js文件，则该script标签的标签体中不能再写js代码

三、基本用法

1.变量

变量是用来存放常量的量

常量就是固定值------常数项

js是一门弱类型语言，声明变量时使用var关键字，不需要指定变量的类型

语法：var变量名=常量或表达式

在ECMAScript 6规范中新增let关键字，也用于声明变量

使用 let 声明的变量支持块级作用域，而使用var声明的变量不支持块级作用域

注：在IDEA中配置ES版本 settings–>language & frameworks–>javascript–>JavaScript tanguage version

变量的命名规则：

• 由字母、数字、下划线、汉字组层
• 由字母、下划线开头
• 不能和系统关键字重名
• 区分大小写

了解：变量名的命名

2.输入和输出

输出：

• alert()弹出警告框
• console.log()输出到浏览器的控制台
• document.write()输出到页面

输入：

• prompt()弹出输入框，获取用户输入的数据

  使用typeof 变量判断变量的类型

  使用Number（变量）将字符串转换为数值

3.转义字符

常用转义符：

• \n 换行
• \t 缩进
• \" 双引号
• \' 单引号
• \\ 斜杠

4.注释

单行注释\\

多行注释\*注释内容*\

5.编码规范

代码是区分大小写

每个语句以分好号结尾

代码缩进

四、核心语法

1.数据类型

常量：具体值，不变的量—常数项

变量：变化的值，存储常量的量

基础数据类型：

• string 字符串
• number 数值 （NaN表示非数字Not a Number，其自身是number类型，表示数值的不正常状态）
• boolean布尔
• null空类型
• undefined未定义类型

类型转换：

• 转换number

  使用Number()、parselnt()、perseFloat()

• 转换为字符串

  拼接空字符串

• 转换为布尔boolean

  使用Boolean()

注：0、空字符串、null、undefined、NaN会被转换为false，其他被转为true

2.运算符

算术运算符：+、-、*、/、%、**、++、–

比较运算符：>、>=、<、<=、、=、!=

赋值运算符：=、+=、-=、*=、/=、%=、**=

逻辑运算符：&&并且、||或者、!非

条件运算符：条件?表达式1:表达式2

3.选择结构

if…else…、switch

4.循环结构

while、do…while、for、for…in

break、continue

bread：退出整个循环

continue结束本次循环，返回到条件判断处继续进行下一次执行循环的条件判断

//for ... in ...对集合类型的数据进行遍历
var str = 'welcome to javascript';
fro(var s in str)
// console.log(s);
console.log(str[s]);