js总结 - 简书

javascript的发展史

1、1992年，Nombas 为自己的软件写一款脚本语言 ScritEase ,可以嵌入在网页中运行

2、1995年，Netscape(网景) Navigator2.0 > LiveScript > Javascript ,Java 与 Javascript之间没有任何关系

3、1996年，Microsoft 在 IE3.0 中发布 JS的克隆版 JScript

4、1997年，Javascript 1.1 版本作为草案提交给了 ECMA(欧洲计算机制造商联合会) ECMA-262标准 ECMAScript 作为 JS

javascript的组成：

ECMAscript Dom Bom

javascript的语法

1.在<script></script>标签中写

代码

</script>

2.外部脚本文件

1）、

创建脚本文件并编写脚本脚本文件： ***.js

2）、引入外部脚本文件

注意：

1、必须是成对的 script标签

2、该对标记中，不允许出现任何于js无关的内容

3.注释

1）、单行注释

// 单行注释

2）、多行注释

* 多

* 行

* 内

* 容

4.严格区分大小写

console.log(""); 正确

Console.log("");错误

变量和常量

1.变量：内存中的一段存储空间

2. 变量的声明：

1)、声明

var 变量名;

2)、赋值

变量名=值;

3)、声明和赋值合一块

var 变量名=值;

4)、注意

声明变量时可以不加 var

var stuname="张三丰";== stuname="张三丰";

如果省略了 var ，那么声明的就是"全局变量"，有可能造成 "全局污染"

5)、如果声明变量没有赋值的话，那么将自动赋值为 undefined

3、一次性声明多个变量

stuname，stuage，stugender

var stuname; var stuage; var stugender;

一次性声明多个变量使用一个 var ，多变量名之间用 ,分隔

var stuname,stuage,stugender;

4.变量的命名规范

1)、可以有字母、数字、下划线、$

var +name; 错误，不能有 +

2)、不能用数字开头

var 1name; 错误 var name1; 正确

var $name; 正确 var _name; 正确

3)、看见名字就知道意思

var a;

var b,c,d,e,f,g,aab,aac;

上边的方式，不要用

var username; var salary;

5、可以用 "匈牙利命名法","驼峰命名法","下划线命名法"

1)、驼峰命名法

如果变量名是由多个单词组成的名词，那么从第二个单词开始，每个单词的首字符变大写。

var userName; var userSalary;

var stuJavaScore

2)、下划线命名法

var _userName;

var user_name;

常量：一旦声明就不可以改变的值叫做常量比如：1天=24小时 1小时=60分钟太阳每天东升西落

1.声明常量：

1）声明常量用 const,常量名一般大写,声明常量必须赋值

2）声明常量并赋值

const DAY=24; const PI=3.14;

数据类型：

1.数字：number 整数和小数

var a=5; var b=13.5; var c=0.5;

2.字符串：string 只要有引号的都是字符串（单引号/双引号）

var str='hello world'; var c='123'; var d="你好";

3. 布尔：boolean

只有两个值 true真 false假 var boo1=true; var boo2=false;

var boo3='true';string

var boo4='false';string

布尔值在做运算的时候

true会转换为1 false会转换为0

true+false=1 1+true=2

4.undefined:定义的

5.null 空

6.object 对象

声明一个变量没赋值会返回一个undefined

var b;

console.log(b);

直接输出一个未声明的变量会报错

console.log(c)

隐式转换

1.number+number

var a=3;

var b=5;

console.log(a+b);

2.number+string 拼接

var a=3;

var b='5';

var c='hello world';

console.log(a+c);

3.number+boolean

var a=3;

var b=true;

var c=false;

console.log(a+c);

console.log(a+b);

4.string+boolean 拼接

var a='3';

var b=true;

console.log(a+b);

5 number+undefined

var a=3;

var b;

console.log(typeof(a+b));

not a number

不是一个数字

6.numberstring +undefined

var a='3';

var b;

console.log(typeof (a+b));

总结： number+string 拼接

number+boolean boolean转number

number+undefined NAN

boolean+boolean 求和数据类型

string加任何东西都是拼接

判断数据类型：

typeof

数据类型：number

isNaN:is not a number

是 , 不是一个数字

作用：判断一个非数字如果是数字返回false,如果不是一个数字返回true

var a=3;

var b='5';

var c=true;

console.log(isNaN(a));false

console.log(isNaN(b));true

声明提前

console.log(a);

var a=3,

js在执行的时候会自动把var提到标签顶部

但是赋值不会被提到顶部

所以就等于这是一个没有赋值的变量

没有赋值的变量会返回 undefined

var a;

console.log(a);

a=3;

显示转换/强制转换

parseInt();转换成整数

var a='5';

var b=parseInt(a);

console.log(typeof a);

console.log(isNaN(a));

parseFloat();转换成小数

var a='1.01';

var b=parseFloat(a);

console.log(b);

console.log(typeof b);

Number();转换成number类型

var a='5';

var b=Number(a);

console.log(b);

console.log(typeof b);

toString();转换成字符串

var a=true;

var b=a.toString();

console.log(b);

console.log(typeof b);

toFixed();按要求保留小数位数

var a=13.956;

var b=a.toFixed(4);

console.log(typeof b);

一、隐式转换结论

1、数字 + 字符串：将数字转换成字符串

2、数字 + boolean ：将 boolean 转换为 number类型

3、数字 + undefined ：结果为 NaN，NaN的类型是 number

4、字符串 + boolean ：将boolean 转换成字符串

5、boolean + boolean ：都转换为number在做相加运算

注:NaN:not a number 判断一个非数字如果不是一个数字返回true，如果是一个数字返回false

案例： var str="hello world";

var str1=isNaN(str);

console.log(str1);

二、显示转换/强制转换

1.toString() 将任意类型转换为字符串类型

var num=5;

var str=num.toString();

console.log(typeof str);

2.parseInt(); 将一个数据转换为整数

var num=5.5;

var str=parseInt(num);

console.log(str);

console.log(typeof str);

3.parseFloat() 将一个数据转换为小数

var num=.5;

var str=parseFloat(num);

console.log(typeof str);

4.Number 将一个数据转换为number类型

var str="35.5你好";

var str1=Number(str);

console.log(str);

三、运算符和表达式

1.算数运算符

+ , - , * , / ,

%:模,计算两个相除的数字的余数

10 % 3 = 1

10.5 % 3 = 1.5

++,-- 运算符，单目运算符

++:自增加一

++在前：先自身加一,在赋值

var a=5;

var b=++a;

先把a的值自增+1

再把自增后的赋值给b

++在后：先赋值,在自增加一

var a=5;

var b=a++;

先把a的值赋值给b

再自增加一

--:自减减一

--和++的性质一样

四舍五入：toFixed(保留位数);

案例:

var a=3.1415;

var b=a.toFixed(2);

document.write(b);

由算术运算符组成的表达式，叫算术表达式

var a;

var b;

var c = a + b; 算术表达式，赋值表达式

2、关系运算符

1、作用

判断数据之间的大小或相等关系

2、关系运算符

> , < ,> = ,< = ,== ,!=

由关系运算符所组成的表达式称之为关系表达式，关系表达式的值为boolean类型

==，!= : 只判断数值是否相等

=== ：全等类型相同数值相同

!==：不全等

3、逻辑运算符

1、作用

判断多条件以及条件取反时使用

2、语法

1、逻辑非

对现有条件取反

语法：!

2、逻辑与

有两个条件，两条件同时为真时,表达式才为真。

语法：&&

3、逻辑或

有两个条件，只要有一个为真，表达式就为真

语法：||

4、运算结果

true && true : true

true && false : false

false && true : false

false && false :false

true || true : true

true || false :true

false || true : true

false || false :false

5.条件运算符(三目运算符)

1、语法：?

表达式1?表达式2:表达式3;

表达式1，值应该为 boolean 类型

如果表达式1的值为true，那么表达式2的值则作为整个表达式的值

如果表达式1的值为false，那么表达式3的值则作为整个表达式的值

ex ：输入考试成绩，如果成绩大于等于60 ，则输出及格，否则输出不及格

var a=prompt("请输入你的成绩");

if(a>=60){

alert("及格");

}else{

alert("不及格");

}

一：运算符和表达式

一、流程控制语句

if(条件){

要执行的语句

}

if(条件){

条件为true时执行的语句

}else{

条件不为true时执行的语句

}

3.多重条件语句

if(条件){

}else if(){

}

4.switch .....case

switch(变量){

case 情况1:

要执行的语句；

break;

case 情况2:

要执行的语句；

break;

case 情况3:

要执行的语句；

break;

default:以上任何一块都没匹配上的时候

要执行的语句；

break;

}

用switch .....case完成以下练习

请输入今天星期几，

星期一吃:米饭

星期二:吃馒头

星期三:吃面包

星期四:吃包子

星期五:吃饺子

星期六:吃油条

否则:不管饭，自己解决

var a=prompt("今天星期几")

switch(a){

case"星期一":

alert("米饭");

break;

case"星期二":

alert("馒头");

break;

case"星期三":

alert("面包");

break;

case"星期四":

alert("包子");

break;

case"星期五":

alert("饺子");

break;

case"星期六":

alert("油条");

break;

else:

alert("不管饭，自己解决");

break;

}

switch .....case直落形式

意思就是：不管是哪种情况都做相同的事

switch(){

case 情况1:

要执行的语句

break;

}