js

1.JS基本介绍

简介:
JavaScript一种在浏览器中解释运行的脚本语言，它的解释器被称为JavaScript引擎，为浏览器的一部分，是广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML（HTML5）网页增加动态功能。在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。
可以实现：用户交互（表单验证）、网页特效（漂浮的广告）、客户端的显示（页面内容，速度快）、网页游戏、地图搜索、股市信息查询、web聊天。。。
发展趋势:
当今和未来是移动优先时代，腾讯系、百度系、阿里系、Facebook、韩国kakaotalk等巨头纷纷巨额投入，游戏、网购、社交、视频、直播、分享经济等。。。
传统经济搭乘移动互联快车，健身、婴儿用品、餐饮、洗浴、休闲旅游。。。等传统行业纷纷建立自己的移动平台。
智能设备、传统电器的智能化，车联网的普及。

H5与JS的关系:
H5狭义上，指HTML的第五个版本；广义上指web前端的所有技术，由于web前端是在H5出现后开始火爆起来，所以，习惯上把web前端也叫H5。web前端开发也叫H5开发。
H5包括 HTML，CSS，JavaScript，等一切前端技术。

2.JS的组成

ECMAScript：是一种由Ecma国际(前身为欧洲计算机制造商协会),定立ECMA-262标准化的脚本程序设计语言。规定了 JavaScript 脚本的核心语法，如 数据类型、关键字、保留字、运算符、对象和语句等。
BOM： 定义了 JavaScript 操作浏览器的接口，提供了访问某些功能（如浏览器窗口大小、版本信息、浏览历史记录等）的途径以及操作方法。
DOM： 定义了 JavaScript 操作 HTML 文档的接口，提供了访问 HTML 文档（如body、form、div、textarea等）的途径以及操作方法。

3.语言

自然语言：人与人交流时传递信息的载体。
机器语言：人与机器交流信息时传递信息的载体。

4.JS的编写及运行

a.我的第一个JS程序
b.添加JS程序的两种方法
页面内：在之间直接添加JS代码
页面外：通过

5.常量与变量、数据类型

量：用来在计算机中存储和表示数据。
常量：在程序运行的过程中，其值不可以改变的量。
变量：在程序运行的过程中，其值可以改变的量。

变量定义语法:
var 标识符;
var a;

    关键字:
    标识符: a.规则：只能由数字，字母，以及下划线构成，并且首字母不能为数字。其次不要和已有关键字，库函数重名 。
                b.习惯：驼峰命名法

变量定义后的赋值:
a = 123;
变量赋初值:
var a = 123;

【注意】：重复定义变量相当于赋值。但是不要这么做。
切记，千万不要使用没用定义过的变量名。
先定义后使用。

关键字:
break、else、new、var、 case、 finally 、 return、 void 、 catch 、for 、switch 、 while 、 continue、 function 、this 、 with 、default 、 if 、 throw 、 delete 、 in 、 try 、do 、 instranceof、 typeof
被保留关键字
abstract 、 enum 、int 、 short 、 boolean 、export 、interface、 static、 byte 、extends 、 long 、 super 、 char 、 final 、native 、synchronized 、 class 、float 、 package 、throws 、 const 、goto 、private 、transient 、 debugger 、 implements 、protected 、 volatile 、 double 、import 、public

数据类型:
内置基本类型:
Undefined类型
Undefined类型只有一个值undefined，它是变量未被赋值时的值。
Null类型
Null类型也只有一个值null 。Null类型的语义是“一个空的对象引用”，注意和空字符串区别开。
Boolean类型
布尔有两种取值true和false，表示真或假。非0代表真，0代表假。
String类型
又叫字符串类型，用双（单）引号括起来的一串字符。
Number类型
引用类型:
Object

使用typeof关键字查看变量类型
var age=20;
alert(typeof age);

6.运算符

运算符的三要素:优先级 结合方向 操作目数
1.算数运算符
+
-
*
/
% 求余 取模
2.赋值运算符

复合的赋值运算符 i+=5; i=i+5
+=
-=
*=
/=
…
3.自增自减运算
++

思考？
var k=0;
console.log(k++ + ++k +k +k++);
4.关系运算符
>
>=
<
<=
==
!=
=== 严格等
5.逻辑运算符
&&
||
!

7.变量之间的转换：隐式转换(自动)、显示转换(手动)

隐式转换( 自动):
a.字符串和其他类型数据相加
document.write(“a”+1);
document.write(“a”+1+“hello”);
document.write(“5+5=”+5+5);
document.write(5+5+"=5+5");

【结论】:
1.字符串加数字,数字就会转成字符串。
document.write(“1”+1);
2.数字减字符串，字符串转成数字。
document.write(11-“1”);
如果字符串不是纯数字就会转成NaN。注：NaN表示不是数字,但是仍是数值类型， not a number，NaN是Number类型。
document.write(“11”-“abc”);
字符串减数字也一样。两个字符串相减也先转成数字。
document.write(“11”-“10”);
3.乘，除，大于，小于跟减的转换也是一样。

b.显示（手动）转换
字符串转数值：
parseInt()、parseFloat()、Number()
数值转字符串:
toString()
var a = 123;
a.toString();

8.整形数据间的不同进制