JS概述

一。1.什么是JS

JS是一门基于对象和事件驱动的脚本语言

专门为网页交互而设计

主要应用在客户端（浏览器）

 

2.JS特色和优点

解释执行，不须要编译，直接执行源代码

基于对象

弱类型

 

交互性

安全性

跨平台性

 

3.如何在html中引入JS

3.1经过script标签内部书写JS

<script>

　　function fn1(){
　　　　...

　　}

　　fn1();

</script>

3.2经过script标签引入JS文件

<script src="..."></script>

 

二。1.JS语法

1.1数据类型

　　数值类型（number）

　　　　底层全都是浮点型

　　　　自动的和整型进行转换

　　　　NaN（非数字）　　isNaN();

　　字符类型（string）

　　　　基本数据类型

　　　　能够用单引号或单引号

　　布尔类型（Boolean）

　　undefinded

　　　　声明了变量但没有赋值

　　null

　　　　表示空值

1.2复杂数据类型

数组、函数、对象

 

2.变量和运算符

经过 var声明变量

变量自己不区分类型，因此JS是一门弱类型的语言

JS中的运算符和Java中的运算符大体相同

===，

typeof　　返回变量的类型

 

3.语句

if...else..

循环

　　while for

switch

 

4.数组

var arr1 = new Array();

var arr2 = new Array(....);

var arr3 = [];

var arr4 = [...];

属性：length

方法：

　　pop();　　数组中移除最后一个元素，并返回该元素

　　push();　　s数组最后一位增长一个袁术。返回新数组长度

　　shift();　　移除第一个元素

　　unshift()　　新增一个元素

　　reverse();　　翻转数组中的元素

　　sort();　　对数组中的元素排序

 

5.函数

　　5.1：

　　function 函数名（[参数列表]）{

　　　　函数体

　　}

　　函数名([参数列表]);

　　5.2：

　　var 变量名/函数名 = function([参数列表]){

　　　　函数体；

　　}

　　函数名称([参数列表]);

 

6.对象

6.1自定义对象

　　function Person(){}

　　var p1 = new Person();

　　p1.name = "G";

　　p1.age = 18;

 

　　var p2 = new Person();

　　function Person(name,age){

　　　　this.name = name;

　　　　this.age = age;

　　　　this.run = function(){

　　　　　　alert(this.name+this.age};

　　　　}

　　}

 

　　var p3 = {

　　　　"name":"zhang",

　　　　"age":18,

　　　　"run":function(){}

　　}

 

6.2内置对象

String 对象

RegExg对象

Date对象

Math对象

Global对象