教你快速上手JavaScript（一）
教你快速上手JavaScript（一）
一、简介
1、Html、Css、JavaScript区别
（1）html: 负责了一个页面的结构
（2）css: 负责了一个页面的样式
（3） javascript： 负责与用户进行交互
2、javascript的特点
- 跨平台
- 安全性：javascript的代码不能直接访问硬盘的内容
3、javascript与java之间区别
（1） javascript是属于网景公司产品， java是sun公司的产品。
（2）javascript是基于对象的语言，java是面向对象的语言。
（3） javascript是解释型语言，java是解释、编译型语言。
（4） javascript是弱类型语言， java 是强类型语言。
（5） java中声明变量 的时候必须要明确该变量的数据类型
（6） javascript声明变量不需要明确是何种数据类型
（7）任何的变量都是使用一个关键字var去声明即可
二、基础知识
1、编写javascript的代码
（1）方式1：可以使用<script>标签体内进行编写
格式：
<script type="text/javascript">
js代码;
</script>
（2）方式2：引入外部的javascript文件
格式：<script src="1.js" type="text/javascript"></script>
（3）注意：如果<script>已经用于引入了js文件，那么该<script>标签体就不能再写js代码
2、页面的注释
（1） html <!-- 注释的内容-->
（2） css的注释 /* 注释的内容*/
（3） javascript： //注释的内容 单行注释 /* 注释的内容*/ 多行注释
3、javascript的变量声明
（1）格式：var 变量名 = 数据;
（2）声明变量要注意的事项
- 在javascript中声明变量是 使用var关键字声明的
- javascript中的变量可以存储任意的数据类型数据
- javascript中变量数据类型是根据存储的值决定的，可以随时更改存储数据的类型
- 定义了多个同名的变量是，后定义的同名变量是覆盖前面定义的同名变量
- 声明变量的时候可以省略var关键字，但是不建议省略
（3）typeof 查看变量的数据类型
使用格式： typeof 变量名
（4）javascript的数据类型
number 小数与整数
string 字符串 （注意： javascript中没有字符的概念，只有字符串，字符串可以写在单引号或双引号中）
boolean 布尔数据类型，
undefined undefined代表该变量没有定义
三、思维升级
1、自定义对象
（1）在javascript没有类的概念，只要有函数即可创建对象
（2）自定义对象的方式1： 使用无参的函数创建对象
function Person(){}
var p = new Person(); //创建了一个Person对象
p.id = 110;
p.name = "坤坤";
（3）方式2：使用带参的函数创建对象
function Person(id,name){
this.id = id;
this.name = name;
this.say = function(){
alert(name+"坤坤");
}
}
var p = new Person(110,"坤坤"); //创建对象
（4）方式3： 使用Object函数创建对象
var p = new Object();
p.id = 110;
p.name = "坤坤";
（5）方式4：使用字面量的方式创建对象
var p = {
id:110,
name:"坤坤",
say:function(){
alert(this.name+"大帅哥");
}
}
2、 Function：函数(方法)对象
（1）创建：
var fun = new Function(形式参数列表,方法体);
function 方法名称(形式参数列表){ 方法体 }
var 方法名 = function(形式参数列表){ 方法体 }
（2）属性： length:代表形参的个数
（3）特点：
- 方法定义是形参的类型不用写,返回值类型也不写。
- 方法是一个对象，如果定义名称相同的方法，会覆盖
- 在JS中，方法的调用只与方法的名称有关，和参数列表无关
- 在方法声明中有一个隐藏的内置对象（数组），arguments,封装所有的实际参数
（4）调用：方法名称(实际参数列表);
