Javascript基础

1、Javascript基础
◆Javascript的历史来源
   94年网景公司   研发出世界上第一款浏览器。
   95年 sun公司   java语言诞生
   网景公司和sun合作( javascript)

◆W3c规范
  结构标准  html     表现标准  css     行为标准  js

◆JavaScript和ECMAScript的关系
  简单来说ECMAScript不是一门语言,而是一个标准。符合这个标准的比较常见的有:JavaScript、Action Script(Flash中用的语言)。

2、Js介绍
js是一款运行在客户端的网页编程语言。
组成部分
ecmascript   js标准、 dom        通过js操作网页元素 、bom        通过api操作浏览器
特点
简单易用、解释执行
作用
表单验证、轮播特效、开发游戏

3、Js书写位置
内嵌式、外链式

4、输出消息的几种方式
alert()  在页面弹出一个对话框,早期JS调试使用。            alert("1111");
Confirm()  在页面弹出一个对话框, 常配合if判断使用。        confirm("2222");
console.log()  将信息输入到控制台,用于js调试。              console.log("3333");
prompt() 弹出对话框,用于接收用户输入的信息。              prompt("4444");
document.write()在页面输出消息                                        document.write("5555");

◆转义字符
\”   转双引    \’转单引    \n转换行     \r 转回车

◆Js注释
快捷键  ctrl+/    单行注释   //       多行注释  

5、变量
会变化的量。变量是用来存储数据的容器。

◆定义变量
var xijie;
◆给变量赋值
xijie = "111";     “=”是赋值运算符
◆定义并赋值
var xijie = "111";

◆变量的命名规范
不能以数字或者纯数字开头来定义变量名。
不推荐使用中文来定义变量名。
不能使用特殊符号或者特殊符号开头(-除外);
不推荐使用关键字和保留字来定义变量名。

在JS中严格区分大小写的!!!

6、数据类型
◆Number    数字类型     包含正数  负数  小数     数字类型的表达方式:十进制表示法
var n1=11;

◆String       字符串     凡是用双引号或者单引号引起的都是字符串。
var n2 = "11";

◆Boolean      布尔数据类型     只有2个值一个是true, 一个是false.   实际运算中true=1,false=0
var n1=2;      var n2=3      alert("n1==n2"); false              alert(n1<n2);   true

◆undefined    变量未初始化     定义了变量,没有给变量赋值
var n1;

◆null  变量未引用  值为空   object
var n2 = null;

◆复杂数据类型    
object  对象       array  数组

7、判断数据类型
typeof()         alert( typeof(n2) );

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

9、算术运算符
◆+ 加号
两个数字类型的变量相加,得到的是一个数字类型。
一个数字类型和一个字符串相加,得到的是一个字符串。

◆— 减号
两个数字类型的变量相减,得到的是一个数字类型。
一个数字类型和一个数字字符串相减,得到的是一个数字类型。
一个数字类型和一个非数字字符串相减,得到的是NaN,是一个数字类型。

NaN,    not a number

◆/ 除号
两个数字类型的变量相除,得到的是一个数字类型。
一个数字类型和一个数字字符串相除,得到的是一个数字类型。
一个数字类型和一个非数字字符串相除,得到的是NaN,是一个数字类型。    
0做为除数的时候,得到结果        Infinity (无限大),是一个数字类型。

◆%  取余数
◆优先级  有()先计算()里边的

10、带操作的赋值运算
+=   -=    *=    /=
var n1 = 2;
var n2 = 3;
n1+=n2;
alert("n1");

11、Date()对象
  Date对象用于处理日期和时间。
var mydeat=new Date ();

11、Math对象
◆Math.ceil()   天花板函数    向上取整
var n1 = Math.ceil(n4);
如果是整数,取整之后是这个数本身
如果是小数,对数进行向上舍入。

◆Math.floor()  地板函数
var n1 = Math.floor(n4);
如果是整数,取整之后是这个数本身
如果是小数,对数进行向下舍入。

◆Math.max()      ◆Math.min()          ◆Math.pow()        ◆Math.round()     ◆Math.random()

12、数据类型转换
◆数字类型转字符串   string      var n1 = String(n1);      toString();

◆字符串转数字类型   
Number    var n1 = Number(n1);
数字类型的字符串,转换之后得到的数字。
非数字字符串,转换之后得到是NaN。
小数类型的字符串,转换之后得到的是原数字。

parseInt   var n1 = parseInt(n1);
整数数字类型的字符串,转换之后得到的整数数字。
数字开头的字符串,转换之后得到的是前边的数字。
非数字开头的字符串,转换之后得到的是NaN。
小数类型的字符串,转换之后取整。

parseFloat    var n1 = parseFloat("n1");
整数数字类型的字符串,转换之后得到的整数数字。
数字开头的字符串,转换之后得到的是前边的数字。
非数字开头的字符串,转换之后得到的是NaN。
小数类型的字符串,转换之后得到的是原数字。

◆转布尔类型
Boolean()     var n1 = Boolean(n1);
数字和字符串转完之后为true。
undefined、null、0转完之后为false.

◆隐式数据类型转换
在运算过程中,程序自己进行的数据转换(程序员没有操作)

◆逻辑运算符
逻辑运算只有2个结果,一个为true,一个为false.
且&&
两个表达式为true的时候,结果为true.
或||
只要有一个表达式为true,结果为true.
非!
和表达式相反的结果。

13、等号运算符
=”赋值运算符
“==”只判断内容是否相同,不判断数据类型。
“===”不仅判断内容,还判断数据类型是否相同。
!=  只判断内容是否不相同,不判断数据类型。
!==不全等于  不仅判断内容是否不相同,还判断数据类型是否不相同。

◆变量的集体声明
var n1= 1,n2=2,n3=3;n1+=n2

14、If...else  条件判断
If(条件表达式){
如果条件表达式结果为true,执行该处代码。 如果条件表达式结果为false,执行下边代码。  
}else{
如果条件表达式结果为false,执行该处代码。
}

15、三元表达式
表达式?结果1:结果2;
如果表达式结果为true,执行结果1,如果表达式结果为false,执行结果2.
可以理解为if else  的另外一种写法。
n1%2==0?alert("true");alert("false");

posted @ 2017-08-02 20:05  前端站  阅读(236)  评论(0编辑  收藏  举报