一、JS概述
1.什么是JS?
是一种基于对象和事件驱动的客户端脚本语言;
运行环境:浏览器(通过浏览器解释执行)
2.JS产生于哪一年,哪个公司,是谁?第一个名字是什么?
1995年,网景公司、布兰登、liveSpcript
3.W3C第一个标准是什么?
ECMA-262
4.JS包含哪几部分?
1)ECMAScript
2)DOM
3)BOM
二、页面中如何引入JS?
1.行内引入脚本(事件)(不推荐)
2.内部引入脚本<script></script>
3.外部引入脚本<script src="index.js"></script>
注:外部引入时,script标签中尽量不要写任何内容,如果写了,也不会执行
三、JS中有哪些输出方法?
1.alert():以警告框的方式输出,执行到alert是,会中断后面程序的执行(一次只能输出一个值)
2.document.write():输出在页面中,会影响到页面的布局
3.console.log():输出在控制台中,不会影响用户体验,是程序员最常用的排错工具,他可以输出对象的详细信息(可以输出多个值)
注:JS输出方式注意的事项
如果输出的是字母或者中文,用引号包起来,引号可以是单引也可以是双引;
如果输出的是数字,引号可加可不加;
如果输出的是变量,一定不能加引号;
如果输出的有字符串和变量,字符串和变量之间用+号进行连接
四、如何换行?
页面中换行:<br>
JS中换行:\n
扩展:转义字符 \
\t :空格(8格)相当于键盘上的tab
五、注释
//单行文本注释
/*多行文本注释*/
六、JS中数据类型有哪些?
基本数据类型:Number(数值) String("字符串" '字符串') Boolean(true,false)
特殊数据类型:null(对象为空) undefined(基本数据类型为空)
复合数据类型:Object(对象)
七、标识符的命名规则有哪些?
1.命名中只能包含字母、数字、下划线、$、中文(不推荐)
2.不能以数字开头
3.不是保留数字或关键字
4.具有相关含义,语义化命名
5.驼峰式命名
大驼峰:每个单词的首字母大写的命名方式
小驼峰:出第一个单词的首字母小写,其余每个单词的首字母大写的命名方式
6.匈牙利命名法:
int iNum
float fNum
boo
字符串 str
char ch
Object obj
function fn
八、什么是变量与常量?
1.变量:在内存中开辟一块空间,用于存储数据,在程序运行的过程中,这个数据有可能发生变化,所以称为变量
2.常量:永恒不变的量
九、如何声明变量?
1.显式声明:var 变量名 = 3,变量名1,变量名2...;
2.隐式声明: 变量名 = 5 ;
十、如何给变量赋值?
1.初始化变量(给变量赋初值):声明变量的同时,给他赋值
2.先声明,后赋值
十一、运算符
1.递增递减运算符
++ --
逻辑思想:从左到右计算,先遇到变量,则先取变量的值参与其他运算,然后再自增或自减1;如果先遇到++或--,则先将变量中的值+1或-1,再参与其他运算
2.算术运算符
* :乘
逻辑思想:
1)Number类型之间的相乘,正常运算
2)Number/String 与String相乘,先将String类型转化为Number类型,再相乘;如果是数字字符串可以正常转为数字;如果是含有非数字的东西,转换失败,转换成了NaN,乘NaN结果都是NaN
3)true:1 false:0 null:0再计算
4)undefined/NaN,结果为NaN
/:除
逻辑思想:同乘法
注:非0的数/0:infinity(无穷尽);0/0:NaN
%:模(取余)
逻辑思想:同乘法
-:减
逻辑思想:同乘法
+:加
逻辑思想:1.如果加号两边有字符串,则起连接作用,连接成新的字符串;
2.除第一条以外,true:1;false:0;null:0
3.除第一条以外,underfined NaN 结果都为NaN
3.关系运算符
> : 大于 < : 小于 >= : 大于或等于 <= : 小于或等于
逻辑思想:1. Number之间比较,正常比
2. Number与String之间比较,先将String转为Number,再比较
3. String之间比较: 从左到右依次比较每一个字符
4. true : 1 false : 0 null : 0 进行比较
5. undefined/NaN false
== : 等于 != : 不等于 === 全等(恒等) !== 不全等(不恒等)
== 和 != : 只比较结果 3 == '3'
=== 和!== : 先比较数据类型,再比较结果 3 === '3'
切记:console.log(null == 0); //false
console.log(null == false); //false
console.log(null == ''); //false
console.log(null == undefined); //true
console.log(null === undefined); //false
4.逻辑运算符(0,false,'',null,undefined,NaN)
! : 非
逻辑思想:非真即假,非假即真
注:0、false、null、undefined、NaN、" "都为假
&& : 与
逻辑思想:如果&&左边表达式的值为true时,则返回右边表达式的值
如果&&左边表达式的值为false,短路,则返回左边表达式的值
|| : 或
逻辑思想:如果||左边表达式的值为true时,短路,则返回左边表达式的值
如果||左边表达式的值为false时,则返回右边表达式值
5.三元运算符(三目运算符、条件运算符)
格式:表达式1 ? 表达式2 : 表达式3
逻辑思想:先计算表达式1的值,值为true时,执行?后面的表达式2,值为false时,执行:后面的表达式3
6.赋值运算符
1)简单赋值 =
2)复合算数赋值:+=、-=、*=、/=、%=
逻辑思想:先取运算符左边变量中的值,然后与运算符右边表达式的值进行相应的算术运算,最后将结果再次赋值给左边的变量。
7.特殊运算符
1)typeof :检测数据类型
console.log(typeof 3); //"number"
console.log(typeof '3'); //"string"
console.log(typeof true); //"boolean"
console.log(typeof false); //"boolean"
console.log(typeof null); //"object"
console.log(typeof undefined); //"undefined"
console.log(typeof NaN); //"number"
console.log(typeof typeof 3); //"string"
console.log(typeof typeof 3 + 3 - 4); //NaN
2)new : 创建对象
8. 优先级:
++ -- ! typeof new
* / %
+ -
> < >= <=
== != === !==
&&
||
?:
= *= /= %= += -=
十二、数据类型转换
1. parseInt('字符串',整数) : 将以有效数字开头的字符串转为整数,否则转为NaN
注:第二个参数整数的范围是 2~36 进制
1)如果省略第二个参数或第二个参数是0时,默认第一个参数是10进制
2)如果第二个参数 小于2 或大于36时,结果都是NaN
2. parseFloat() : 强制将以有效数字开头的字符串转为小数,否则转为NaN
3. Number() : 将所有有效数字字符串转为数字,否则转为NaN;特殊:false转为0,true转为1
4.Boolean():强制将某个类型转成布尔类型;0、false、null、undefined、NaN、" "都为假
5.名称.toString():强制将某个类型转成字符串类型;注:不需要参数
扩展:
6.isNaN() :判断是否是NaN,如果是,返回true,否则返回false
7.eval() :解析字符串,并返回表达式的结果
十三、代码规范
1. 运算符两边各加一个空格
2. 写在大括号中的语句,要缩近一个tab键
十四、prompt输入对话框
格式:var name = prompt("请输入一个数","默认值");
特点:一个输入框,一个确定按钮,一个取消按钮
拓展:.tofixed(n)保留n位小数