一、JavaScript定义和起源
1、JavaScript定义
①、定义:JavaScript决定了网页的交互
HTML 网页的结构 超文本标记语言
CSS 网页的样式 层叠样式表
JavaScript 网页的交互(互动行为)
②、JavaScript和Java之间的关系?
起初命名时候,JavaScript就是一个蹭Java热度的语言,随着时间往前推进,渐渐发展出自己的风格。它和Java就像是雷锋和雷峰塔之间的关系,也就是没有任何的联系。
③、JavaScript起源发展
JavaScript产生的原因:
早起表单提交格式不正确,导致服务器资源浪费,发明JavaScript进行前端的一些表单验证,减去没必要的错误请求。
JavaScript之父:布兰登·艾奇
他只用10天时间就把Javascript设计出来了,因此JavaScript早期会有很多的缺陷。
1995年 将JavaScript 1.1 嵌入Netscape Navigaor 3.0 ,到目前为止,也不过24岁,是一门很年轻的语言。
④、JavaScript组成部分:
ECMAScript(核心语法)、DOM(文档对象模型)、BOM(浏览器对象模型)
⑤、ECMAScript 是什么?
它是JavaScript的核心语法,由变量、数据类型、语句、类、函数等部分组成。
语言是相通的,任何编程语言都有核心语法,学好JavaScript之后,学习其他编程语言也会轻松。
⑥、DOM(文档对象模型)和BOM(浏览器对象模型)
这块的内容,会放到后面详细去讲,敬请期待。
二、JavaScript基础语法
1、JavaScript三种写法
①、写在script标签之间
<script type="text/javascript">
JavaScript代码
</script>
②、写在外部的JS文件里,然后使用script标签引入,将地址指定给src属性
<script type="text/javascript" src="外部JavaScript文件路径" ></script>
外部JavaScript文件里写JavaScript代码
③、写在标签上
<a href="javascript:alert('a标签')" >点我</a>
<div onclick="alert('div标签')">点我</div>
注意:具体写法不固定,该方式较之前两种不算常用。
④、前端开发注意点
HTML文件,CSS文件、JS文件,即结构、表现、行为三者要分离。
2、JavaScript注释写法
单行注释 // 注释内容
多行注释 /* 注释内容 */
文档注释 /**
*注释内容1
*注释内容2
*/
3、标识符和关键字、保留字
①、标识符
定义:名称,用来定义JavaScript变量名,函数名等等。
合法的标识符命名规则:
第一个字符必须是字母或下划线或$符号
Teacher,_boss,$student
除了第一个字符后面的部分可以是字母、数字、下划线、美元符号
a_bcd、 x2、 $$bb
注意:不能以数字开头
②、关键字
JavaScript已经定义好的一些名称,有特定的含义。所以定义名字的时候不要用这些。
③、保留字
预留的关键字,将来会转正成为真正的关键字。
4、变量
①、定义
即变化的量,本质是程序在内存中的一个存储单元,作用用于为数据提供存放的容器。
②、命名规则
开头字符可以是下划线、美元符号、字母、不可以是数字;
除了开头,其他部分可以是下划线、美元符号、字母、数字;
不能是保留字、关键字;
区分大小写;
尽量语义化;
长变量名尽量驼峰命名法
③、声明赋值变量
(1)、声明变量:即定义变量;
格式:var 变量名;
var a;
(2)、声明多个变量;
var x,y,z;
(3)、赋值
格式:变量名=变量值
a = 20;
(4)、多个变量赋值
x=10,
y=20,
z=30;
(5)、声明并赋值
var aa = 100;
注意:这是两件事, 声明变量,赋值了变量。
(7)、声明并赋值多个变量
var bb=19,cc=20,dd=21;
(8)、变量可以被反复声明
var a = 100;
var a = 200;
注意:这里a的值是200,前面的值100会被后面的值200覆盖;
④、常量
一直不变化的量, ES5中没有常量的概念,ES6里面才有常量。因此在使用常量时,可假设常量。
假设常量:并不是真的常量;
var PASSOWRD = 123456;
将变量名全部大写,假设为常量。
⑤、作用域
指的是变量产生作用的有效范围。
作用域分为全局作用域和局部作用域;
⑥、生存期
变量在计算机中存在的有效时间,即变量的生命周期。