初识 Javascript.01 -- Javascript基础|输出方式、变量、变量命名规范、数据类型、

Javascript基础

１ 聊聊Javascript

１.1 Javascript的历史来源

  94年网景公司   研发出世界上第一款浏览器。

  95年 sun公司   java语言诞生

  网景公司和sun合作。

  Java+script   ===> javascript

１.2 W3c规范

       ☞结构标准        html

    ☞表现标准   css

       ☞行为标准      js

   

１.3 JavaScript和ECMAScript的关系

    ECMAScript是一种由Ecma国际前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association，制定的标准。

JavaScript是由公司开发而成的，公司开发而成的一定是有一些问题，不便于其他的公司拓展和使用。所以欧洲的这个ECMA的组织，牵头制定JavaScript的标准，取名为ECMAScript。

简单来说ECMAScript不是一门语言，而是一个标准。符合这个标准的比较常见的有：JavaScript、Action Script（Flash中用的语言）。就是说，你JavaScript学完了，Flash中的程序也会写了。

ECMAScript在2015年6月，发布了ECMAScript 6版本，语言的能力更强。但是，浏览器的厂商不能那么快的去追上这个标准。这些新的特性，我们就业班的深入，也会给大家介绍。

１.4 今天的JavaScript：承担更多责任

   2003年之前，JavaScript被认为“牛皮鲜”，用来制作页面上的广告，弹窗、漂浮的广告。什么东西让人烦，什么东西就是JavaScript开发的。所以浏览器就推出了屏蔽广告功能。

2004年JavaScript命运开始改变了，那一年谷歌公司，开始带头使用Ajax技术了，Ajax技术就是JavaScript的一个应用。并且，那时候人们逐渐开始提升用户体验了。

 

   

      

2010年的时候，人们更加了解HTML5技术了，HTML5推出了一个东西叫做Canvas（画布），工程师可以在Canvas上进行游戏制作，利用的就是JavaScript。

       

2011年，Node.js诞生，使JavaScript能够开发服务器程序了。

1.1.1 JS介绍

1. 94年网景公司，研发第一款浏览器
2. 95年sun公司，java语言诞生
3. 网景公司和sun公司合作 Java + Script=JavaScript
4. 布兰登艾奇10天设计了JavaScript

a) 借鉴C的基本语法

b) Java的数据类型和内存管理

c) 借鉴Schrome语言

1. W3c规范

a) 结构标准：html

b) 表现标准：css

c) 行为标准：js

1. EcmaScript：javascript标准
2. ES6：2015年
3. Ajax：异步交互技术

a) 表单验证

1. Node.js：是js可以开发服务器程序

２ Js介绍

◆js是一款运行在客户端的网页编程语言。

◆组成部分

      ★ecmascript   js标准

      ★dom        通过js操作网页元素

      ★bom        通过api操作浏览器

◆特点

     ★简单易用

     ★解释执行

编译执行  java  c#  转化为.dll可执行文件==>电脑读取.dll可执行文件

     ★基于对象

       面向过程

作用

◆表单验证

◆轮播特效

◆开发游戏

３ Js书写位置

◆内嵌式

 <style type = "text/javascript" >  </style>

◆外链式

 <script src="我是js.js >  </script>

★先创建一个外部JS文件

★通过src将外部js调用。

◆写js代码的时候，分号不能省略。

◆推荐将JS代码写在html结束标签后边

  将多个JS文件合成为一个JS文件

４ 输出消息的几种方式

 alert()  在页面弹出一个对话框，早期JS调试使用。

 Confirm()  在页面弹出一个对话框, 常配合if判断使用。

a) 如果用户点击确认；返回值为true

b) 如果用户点击取消；返回值为false

 console.log()  将信息输入到控制台，用于js调试。

 prompt() 弹出对话框，用于接收用户输入的信息。

a) 如果用户点击确认，那么返回值为输入的值。

b) 如果用户点击取消，那么返回值为 null

 document.write()在页面输出消息

document.write不仅能输出信息，还能输出标签。输入HTML标签要加双引号

◆转义字符

”   转双引

’转单引

转换行

转回车

４.6 Js注释

快捷键  ctrl+/

单行注释   //

多行注释  /*  */

５ 变量

会变化的量。

变量是用来存储数据的容器。

◆定义变量

1. Var a = 10,b = 12;//正确
2. Var a = 10; //正确

◆给变量赋值

 a = 3;

“=”是赋值运算符

1. 两个等号”==”：判断是否相同
2. 三个等号“===”：判断是否全等（包括数据类型）

◆定义并赋值

 var  a = 3;

５.1 变量的命名规范

◆不能以数字或者纯数字开头来定义变量名。

◆不推荐使用中文来定义变量名。

◆不能使用特殊符号或者特殊符号开头(-除外);

◆不推荐使用关键字和保留字来定义变量名。

 

★在JS中严格区分大小写的！！！

６ 数据类型

６.1 简单数据类型

◆Number   数字类型

   包含正数  负数  小数

数字类型的表达方式

★十进制表示法

★十六进制表示法

从0-9，a(A)-f(F)表示数字。以0x开头。

 var n = 0x4321; 

★八进制表示法

0开头，0-7组成。

 var n = 0472 ; 

◆字符串  String

凡是用双引号或者单引号引起的都是字符串。

 

 转义字符：

”转双引号、’转单引号、 回车、换行

◆布尔数据类型    Boolean

只有2个值一个是true, 一个是false.   实际运算中true=1,false=0

 var n1 = 2 ;

var n2 = 3;

alert( n1 > n2 );  // flase 错误的 0 

alert(n1 < n2 ); //ture 正确的 1 

◆undefined    变量未初始化

定义了变量，没有给变量赋值，变量是存在的

 var n ;

alert ( n ）；

◆null  变量未引用  值为空   object

 var n2 = null ;内存中是找不到的

６.2 复杂数据类型

★ object  对象

★ array  数组

７ 判断数据类型

typeof()

 可使用alert( typeof ( n ) ) ;来输出

８ 比较运算符

<  >   <=  >=   ==  !=

结果只有ture  和 false 

９ 算术运算符

运算符	结果
+	如果是数字类型的变量相加，那么结果为数字类型   如果是非数字类型的变量相加，结果为字符串类型
-	如果是非数字类型的变量相减结果为  NaN
*	同上
/	同上 ，如果0作为除数，结果为infinity（无穷大）
%	获取余数
()	优先级  有括号先计算括号里面的值

◆+ 加号

    ★两个数字类型的变量相加，得到的是一个数字类型。

    ★一个数字类型和一个字符串相加，得到的是一个字符串。

◆— 减号

 ★两个数字类型的变量相减，得到的是一个数字类型。

    ★一个数字类型和一个数字字符串相减，得到的是一个数字类型。

    ★一个数字类型和一个非数字字符串相减，得到的是NaN,是一个数字类型。

NaN,    not a number

◆/ 除号

 ★两个数字类型的变量相除，得到的是一个数字类型。

 ★一个数字类型和一个数字字符串相除，得到的是一个数字类型。

 ★一个数字类型和一个非数字字符串相除，得到的是NaN,是一个数字类型。    

★0做为除数的时候，得到结果 Infinity （无限大），是一个数字类型。

◆%  取余数

◆优先级  有()先计算()里边的

１０ 带操作的赋值运算

var  n1 = 2;

var n2 = 3;

n1+=n2; // n1=n1+n2 ;

运算符	示例	等价于
+=	a+=b	a=a+b
-=	a-=b	a=a-b
*=	a*=b	a=a*b
/=	a/=b	a=a/b