一、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;将变量名全部大写，假设为常量。

⑤、作用域

指的是变量产生作用的有效范围。

作用域分为全局作用域和局部作用域；

⑥、生存期

变量在计算机中存在的有效时间，即变量的生命周期。

to be continued...

【海码学院】web前端基础入门JavaScript之JavaScript起源和基础语法学习笔记相关推荐

Python零基础入门（五）——文本文件读写和操作[学习笔记]
目录一.文件读写 1.文件读写模式 2.文件读写方法 3.使用with简化异常处理 4.使用json库从文件读取和写入数据到文件 5.使用csv库读写csv格式文件二.文件相关操作 1.文件定位 ...
web前端-JS入门
web前端-JS入门 1.初识JavaScript 1.1 JavaScript的简单介绍 1.2 JS的三种写法 1.2.1 行内式 1.2.2 内嵌式 1.2.3 外部js 1.3 JS输入输出语 ...
Web前端开发精品课HTML CSS JavaScript基础教程HTML部分知识点总结
内容来自莫振杰Web前端开发精品课HTML CSS JavaScript基础教程章节总结第1章 HTML简介 1.前端技术简介 (1)从Web1.0到Web2.0,网页制作已经变成前端开发了. ...
Web前端开发精品课HTML CSS JavaScript基础教程JavaScript部分知识点总结
内容来自莫振杰Web前端开发精品课HTML CSS JavaScript基础教程章节总结第24章 JavaScript简介 1.HTML是网页的结构,CSS是网页的外观,而JavaScript是网 ...
Web前端开发精品课HTML CSS JavaScript基础教程CSS部分知识点总结
内容来自莫振杰Web前端开发精品课HTML CSS JavaScript基础教程章节总结第11章 CSS简介 1.HTML是网页的结构,CSS是网页的外观,JavaScript是网页的行为. 2. ...
web前端开发入门（一）
web前端开发入门(一) 前端开发入门 HTML/CSS/JavaScript JavaScript 总结思考和实践前端开发入门首先必须掌握 HTML/CSS/JavaScript 这三大基础技 ...
视频教程-JSON基础入门实战讲解-JavaScript
JSON基础入门实战讲解 04年进入计算机行业.拥有6年net和php项目开发经验,8年java项目开发经验. 现前端全栈工程师,主攻产品设计,微信开发等. 黄菊华 ¥39.00 立即订阅扫码下载「 ...
Web前端开发入门之网页制作三要素！
Web前端开发是由网页制作演变而来的,主要由HTML.CSS.JavaScript三大要素组成.专业的Web前端开发入门知识也一定会包含这些内容,今天小千就给大家简单介绍一下. HTML,超文本标记语 ...
Web前端开发入门学习分享
Web前端开发入门学习分享 1:如何开始学习Web前端首先你需要学习html的各个标签,掌握其用法和规范,明白其作用. 开始学习css的使用,你先学习在html页面中为标签增加css样式,其次是将c ...
麦子学院-Web前端开发工程师系列培训教程
麦子学院Web前端开发工程师培训-价值1万8 比传智播客讲得好 Web前端开发工程师,主要职责是利用HTML.XHTML.CSS.JAVAScript.FLASH等各种Web前端技术进行客户端产品的开 ...

【海码学院】web前端基础入门JavaScript之JavaScript起源和基础语法学习笔记