day01.javascript的基本语法

1. javascript的写法

行内式：写在html标签的属性内（很少用）
内嵌式： <script></script>双标签
外联式引入：<script src=“ .js”></script>
EDMAScript是语言标准JavaScript才是语言，可以让网页产生行为script标签可以放在网页的任何一个位置，建议写在body标签结束js是网页行为，操作html的标签，必须先有这个便签，才能操作这个标签。

2. javascript的语法

1. javascript三大组成部分：

ECMAScript：语法标准
DOM：操作文本
BOM：操作浏览器

2. js注释：

1. //          单行注释
2. /*  */     多行注释

3. javascript的变量
变量就是一个容器，可以用来存储数据的容器
创建容器： var + 变量名；
变量名的规则：

可以由数字0-9、大小写字母、下划线_、美元符$；
不能以数字开头；
不允许使用中文；
区分大小写；
不能使用关键字和保留字作为变量名；（关键字和保留字是js在开发的时候，自己内部使用过的一些具有特殊含义的单词）

存储数据：

赋值符=
var a = 10;
var a,b,c;     // 一次性声明多个变量，多个变量名之间用逗号隔开
var a=1, b=2； // 一次性定义多个变量赋值

变量名和赋值符之间以及赋值符和数字之间可以不加空格，每行结束可以不加分号，建议加上
赋值符的左边是变量，右边是值
赋值符将右边的值放到左边的变量中存起来

4. 数据的输出方式

3. alert（要显示的信息或变量）；
	//以弹窗的形式显示在页面中
	//通常在给用户做提示的时候使用
4. document.write（要显示的信息或变量）；
	//以文本的形式直接显示在网页中
5. console.log（要显示的信息或变量）；
	//在控制台显示数据
6. confirm（要显示的信息或变量）；
	//提示用户是否要确定和取消的弹窗
7. prompt（要显示的信息或变量）；
	//提示用户可输入的弹窗

5. js的数据类型

8. 数字类型-number      //正数、负数、整数、小数、0
9. 字符串类型-string    //一串字符组合起来然后用引号（单引双引都行）引起来
10. 未定义-undefined    //定义了变量，没有赋值
11. 布尔类型-boolean    //用来描述对与错、真和假，事物的两面性（true和false）
12. 对象类型-object     //[ ]数组、{ }json对象、null空
13. 函数-function
//通过typeof来检测是什么类型

6. js数据类型的转换
（1） js的数据类型转换成number
①字符串类型转换成数字类型

var b=Number（a）；将a中的类型转换成数字类型，并赋值给b    NaN：not a number
var b=parseInt（a）；parseint是将数据转换成数字中的整数
var b=parseFloat（a）；parsefloat是将数据转换成数字中的小数
var b=Math.round（a）；Math.round是四舍五入并取整数
不是纯数字型的字符串，但是由数字开头的（111abc），Number和Math.round结果是NaN
不是由数字开头的字符串，被转换的结果都是NaN

②布尔类型转换成number

布尔类型true转换成数字类型，Number和Math.round结果是1，parseInt和parseFloat结果是NaN
布尔类型false转换成数字类型，Number和Math.round结果是0，parseInt和parseFloat结果是NaN

③未定义-undefined转换成number

结果都是NaN

④ null转换成number

Number和Math.round结果是0，parseInt和parseFloat结果是NaN

（2）js的数据类型转换成string

14. String（）；
15. toString（）；

①数字转换成字符串

任何数字转字符串都一样，只是加了个引号而已

②布尔类型转换成字符串

加引号

③undefined转换成字符串

 加引号

（3） js的数据类型转换成布尔类型

Boolean（）

①数字转布尔类型

除0以外的数字都是true；0是false

②字符串转布尔型

有内容就是true，空字符是false

③undefined转布尔型

false

④null转布尔型

false

7. js的运算符

算数运算符

 	1. +   加法（二义性：既可以数字相加，也可以字符串拼接）
 	2. -    减法
 	3. *    乘法
 	4. /    除法
 	5. %  求余（取模）
 	运用求余判断奇偶；%2=0为偶数，%2=1为奇数

赋值运算符

 	1. var 变量=值（将右边的值赋值给左边的变量）
 	2. -=
 	3. *=
 	4. /=
 	5. %=

比较运算符（比较运算，最终得出的结果都是布尔值）

 	1. >（大于）
 	2. <（小于）
 	3. >=（大于等于）
 	4. <=（小于等于）
 	5. ==（相等）    
 	     1==“1” true；比较两个容器中的值是否一样（具有隐式转换）
     6. ===（绝对等于）   
 	     1==“1”flase；先比较两个值的类型是否相等，如果不相等，直接就是false，如果相等了就再比较两个值是否相等（不具有隐式转换）
 	7. !=（不等于）
 	8. !==（绝对不等于）

逻辑运算符

 	1. &&      并且
 	2. ||      或者
 	3. ！      取反

一元运算符

 	1. 自增 （++）
 	2. 自减  （--）
 	当自增自减运算碰到数学运算、输出、赋值的时候，++在前面就先进行++自增，然后再输出

6.字符串的拼接

	1. +    字符串的拼接符
	只要两边有一个是字符串，就会将这两个字符串连在一起组成一个大字符串
	undefined+null=NaN

day01.javascript的基本语法

1. javascript的写法

2. javascript的语法

猜你喜欢