一：课程简单介绍

（1）Javascript历史回顾

    Javascript是1995年由网景公司开发的一门原名为livescript的脚本语言，后sun公司与网景公司联合开发这门脚本语言，由于当时java语言的热烈炒作，网景公司决定蹭一波热度，自此网景公司将LiveScript正式更名为JavaScript，由此可见，Javascript与java之间除了名字外并没有其他本质上的联系，就相当于刘德华与刘德之间的关系。

（2）Javascript的实现

    Javascript是由ECMAscript，DOM，BOM所构成，其中ECMAscript主要规定了最基本的语法以及相关对象，DDOM（文档对象模型）主要描述处理网页内容的方法和接口。BOM（浏览器对象模型）描述与浏览器进行交互的方法和接口。

（3）Javascript的概述

    第一：Javascript是一门轻量级语言，轻量级语言是一类用简单句法描述简单格式的文本语言。轻量级标记语言作为一种标记语言，它的语法简单，可方便地使用简单的文本编辑器输入，原生格式接近自然语言。像我们以前学习过的html也是一门轻量级语言

    第二：Javascript是一门单线程语言，说白了就是一条线走到底的一门语言

    第三：Javascript是一门弱（类型）语言，意思就是Javascript没有严格的数据类型要求。

    第四：Javascript是一门脚本语言，  脚本语言又被称为扩建的语言, 或者动态语言, 是一种编程语言, 用来控制软件应用程序，同时在有浏览器的地方就能够解析Javascript，这主要是浏览器中V8引擎的功劳。

 

---

 

二：Javascript的三种书写位置

（1）行内式——写在标签内部（最不推荐）

　　行内式是指将单行或少量的JavaScript代码写在HTML标签的事件属性中(也就是以on开头的属性，如onclick)

<button onclick="alert('点我干嘛')">标签内部</button>

（2）嵌入式——写在<script></script>标签中（也会常用）

<script>
    //获取按钮这个标签
    var btn = document.getElementsByTagName("button")[0];
    //给标签绑定点击事件
    btn.onclick = function fn() {
        alert("点我干嘛")
    }
</script>

（3）外部式——写在外部js文件中（最常使用）

<!-- 第一步：创建一个js文件
第二步：引入这个js文件 -->
<script src="./01.js"></script>

 

 

---

 

三：变量名及相关注释

（1）变量定义（var 变量名=值）

var a=10;
var b=10 
var c=10,d=10;

（2）变量名规则

　　①变量名由数字，字母，下划线以及美元符号组成

　　②变量名不能以数字开头

　　③变量名命名时一般采用驼峰命名法（第一个单词首字母小写，其他单词首字母大写）

　　④变量名不能使用关键字和保留字

　　⑤变量名区分大小写

　　⑥常量字母全大写

（3）js注释方法

　　① ctrl+/(单行注释)

// 单行注释

　　② shift+alt+A（多行注释）

/* 
多行注释
*/

 

---

四：数据类型

一：基本数据类型

　　①数值类型——number——打印颜色：蓝色

　　②字符串类型——string——打印颜色：黑色

　　③布尔类型——boolean

　　④undefined类型

二：引用数据类型（object）

　　①null（空对象）

 

五：类型查看及转换

（1）类型查看

　　使用typeof来查看元素类型

console.log(typeof a);//number
//null——object
//数值类型——number
//字符串类型——string
//undefined——undefined
//布尔——booloean

（2）类型转换

　　①数值转字符（string和tostring）

//数值转字符串(string)
var a = 10;
b = String(a);
console.log(typeof b);//转换成功返回string
c = a.toString() //方法要记得加括号
console.log(typeof c);//转换成功返回string

　　②字符转数值

　　Number方法

   // 字符串转数值
   var str = "abc"
   str1 = Number(str);
   console.log(typeof str1 + str1);//转换成功 返回元素类型为number 但str1的值为NAN 是因为字母转换数字不成功 而Number方法一次性全部转换 只要字符串中有一个不能转换则会变成NAN

　　parseint方法

 // 字符串转数值（parseint）
 var str2 = "12.4a3"
 str3 = parseInt(str2)
 console.log(typeof str3 + str3);//转换成功 返回元素类型为number str3的值为12 因为这个方法是一位一位进行转换 碰到不能转换的时候才会停止（小数点或字母）

　　parseFloat方法

// 字符串转数值（parseFloat）
        var str4 = "12.34a3"
        str5 = parseFloat(str4)
        console.log(typeof str5 + str5);//转换成功 返回元素类型为number str3的值为12.34

　　③字符串转布尔（非空返回值为ture 否则为ture）

// 字符串转布尔
        var str = "abc"
        boolean = Boolean(str)
        console.log(typeof boolean + boolean);//转换成功 返回元素类型为boolean boolean的值为ture
        var str6 = ""
        boolean2 = Boolean(str6)
        console.log(typeof boolean2 + boolean2);//转换成功 返回元素类型为boolean boolean的值为false

　　④数值转布尔（非空和非nan转为ture 空和nan转为false）

//数值转布尔
        var num = 10;
        boolean3 = Boolean(num)
        console.log(typeof boolean3 + boolean3);//转换成功 返回元素类型为boolean boolean的值为ture
        var num1 = 0;
        boolean4 = Boolean(num1)
        console.log(typeof boolean4 + boolean4);//转换成功 返回元素类型为boolean boolean的值为false
        var num2 = Number("abc");//NAN
        boolean5 = Boolean(num2)
        console.log(typeof boolean5 + boolean5);//转换成功 返回元素类型为boolean boolean的值为false

　　⑤布尔转数值（ture转为1 false转为0）

// 布尔转数值
        var num3 = Number(2 > 1);
        console.log(typeof num3 + num3);//转换成功 返回元素类型为number num3的值为1
        var num4 = Number(2 < 1);
        console.log(typeof num4 + num4);//转换成功 返回元素类型为number num3的值为0

　　⑥undefined，null转布尔（false）

 var s
        boolean6 = Boolean(s);
        console.log(typeof boolean6 + boolean6)//转换成功 返回元素类型为boolean boolean的值为false
        boolean7 = Boolean(t);
        console.log(typeof boolean7 + boolean7)//转换成功 返回元素类型为boolean boolean的值为false 程序报错

　　⑦undefined，null转数值（nan 和0）

 var s
        var t = ""
        num5 = Number(s)
        console.log(typeof num5 + num5);//转换成功 返回元素类型为number num5的值为NAN
        var num6 = Number(t);
        console.log(typeof num4 + num4);//转换成功 返回元素类型为number num6的值为0

---

六：运算符和表达式

（1）算术运算符（+ – x / % ++ –） 

（2）逻辑运算符（&& ||！）

（3）比较运算符(> < != !==)

（4）赋值运算符(= += -= *= /= %=)

---