1.JS 介绍 与 JS 调试
HTML描述网页的内容 CSS描述网页的样式 HTML和 CSS可以静态页面 JS说明网页的行为
JavaScript 的引入
在 body 中的 script 元素中写代码 <body><script>...代码...</script>...</body>
在 script 标签的 src 属性中引入文件 <script src="helloWorld.js"></script>
特性
运行环境：浏览器 解释型语言
浏览器中的 JavaScript 分为两部分，ECMAScript 定义语法规范，DOM 规定如何操作文档
JS 调试
在浏览器中，F12 打开调试模式，Console 面板（Esc 键打开）显示调试信息，左侧页面打开文件（Ctrl + O 查找），点击行号设置断点，查找函数 Ctrl + Shift + O
alert() 括号中的变量在弹出框中显示内容 console.log() 在Console 面板中显示内容
Source 面板用于调试 JS，右侧上方4个按钮从左到右表示继续执行，单步执行，进入函数，退出函数
2.基本语法
直接量：1.2 "hello,world" true false null [ ] {name:'js'}
变量： var number = 1； number 为变量
声明变量语法：var 变量名； var 为关键字，分号结尾
赋值语句：var age = 12；
标识符： 变量名，函数名称，参数和对象名称均为标识符。
标识符命名规范：以字母，下划线或者美元符号 $ 开头；由字母，下划线，美元符号 $ 和数字组成。标识符中不能用到关键词和保留字。大小写敏感，var age = 10; var Age = 10; 是不同的变量。
语句：赋值语句，条件语句，循环语句。每个语句以分号结尾，语句可嵌套。多个语句可以变成代码块，代码块放在一对大括号｛｝里面。
注释：// 开头的单行注释，/*...*/ 块级注释，不可嵌套。
作用：解释程序的作用以及逻辑的处理，维护方便。在调试时会用到注释，可以把不相关代码注释掉，方便关注有问题的代码上。
3.基本数据类型
Number 数据类型
整数： 12 0377（八进制） 0xff（十六进制）
浮点数：1.2 1.4E2（科学计数法）
特殊值：NaN(Not a Number) 类型转换时可能出现 Infinity
String 类型：用双引号或单引号引起来为 String 类型
Boolean 类型：true false 必须为小写，大写变为标识符，经常用在条件语句中类似开关。
Object 类型：Object 是一组无序的名值对的集合，可以用直接量的方式定义 Object，还可以用操作符定义。
Null 类型：只有一个值 null，表示对象不存在。当我们有一个变量，我们知道这个变量以后会表示一个 Object，在还未初始化时我们把它声明为 null。
Undefined 类型：只有一个值 undefined。出现场景：已声明未赋值的变量，获取对象不存在的属性。
类型识别 typeof
原始类型和引用类型
原始类型：Number String Boolean Undefined Null
引用类型：Object 引用类型存的不是真实的对象，存的是一个指针，指针指向对象。
4.运算符与表达式
一元操作符：++ -- 只需要一个操作数
算数操作符：+ - * / %
关系操作符：> < >= <= 结果返回布尔类型
相等操作符：== != === !== ===为全等，在做==操作时，类型会进行转换
逻辑操作符：！ && ||
&& 如果第一个操作数为 true，值为第二个操作数；如果第一个操作数为 false，值为第一个操作数，第二个操作数不执行。
|| 如果第一个操作数为 true，值为第一个操作数，第二个操作数不执行。
赋值操作符：= += -= *= /= %=
条件操作符：
布尔表达式？表达式一：表达式二；
布尔表达式为true，结果为表达式一；布尔表达式为false，结果为表达式二。
一些简单的条件语句用条件操作符表示。
逗号操作符：通过逗号操作符可以在语句里执行多个操作。var num1=5,num2=10,num3=0;
对象操作符：
new 获取一个对象的实例。var cat = new Object();
delete 删除一个对象的属性。delete cat.name;
. [ ] 获取一个对象的属性。cat.name cat['name']
instanceof：判断某个变量是否是某个对象的实例。cat instanceof Object
in：判断某个属性是否在对象中。‘name’ in cat
位操作符：^ & | ~ << >> 转化为 32 位二进制再计算
加括号提升操作符优先级。
表达式：把直接量、变量通过操作符组合起来就是一个表达式。
5.语句
条件语句
if（条件）｛语句1｝else｛语句2｝
条件比较多时加 else if 语句
if（条件）｛语句1｝else if（条件2）｛语句2｝else｛语句3｝
switch-case 语句
switch-case 语句
循环语句
while（表达式）｛语句｝
do｛语句｝while（表达式） 先执行一次语句
for（初始化；循环条件；更新表达式）｛语句｝
break，continue：控制循环，break 跳出循环体，continue 跳过这一次循环
for（属性名 in 对象）｛语句｝ 遍历对象的属性名
打印属性名
with（表达式）｛语句｝
把当前代码的作用域指向到特殊对象上，一般表达式为一个对象。
当需要对同一个对象进行多次操作时，可用 with 简化代码。
异常捕获语句
如果 try 中执行的语句出错，跳到 catch 语句中，catch 括号中为一个错误，catch 语句中对错误进行操作，finally 中的语句不管 try 中语句是否有错，都会执行到 finally 中。
一般当我们执行一段代码，我们不知道他在运行环境中是否出错，可以放到 try-catch 语句中。
6.数值
Math.abs(x) 绝对值
Math.round(x) 四舍五入，可把浮点型数值变为整型数值。
Math.ceil(x) 向上取整
Math.floor(x) 向下取整
Math.max() Math.min() 获取最大值，最小值
Math.random() 获取大于等于 0 ，小于 1 的随机数
parseInt(string,radix) 把字符串转化成整数。radix 默认为十进制，一般不写。
parseInt('1b2.4') // 1 从第一个字符开始，如果碰到非数字，非数字后面全部忽略。
parseInt('www') // NaN
parseFloat(string) 保留小数点，输出结果为浮点型。
Number(value) 把一个东西转换为数字
Number('12.4b5')// NaN
num.toFixed(digits)保留几位小数点，输出结果为字符串。
(100.123).toFixed(2) // "100.12"
网友评论