JavaScript|青训营笔记

46 阅读2分钟

JavaScript|青训营笔记

这是我参与「第四届青训营 」笔记创作活动的第2天

一、JavaScript 概述

JavaScript是一种运行在客户端的脚本语言,已经被广泛应用在Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本通过嵌入在HTML中来实现自身的功能。

二、JavaScript 发展历程

战国时代

1995年 Netscape(网景) 发明了 LiveScript 后改名为JavaScript

1996年,微软发布了 IE 3.0 并搭载了一个 JavaScript 的克隆版,叫做 JScript

一统江湖

ECMAScript:欧洲计算机制造商协会(ECMA)通过ECMA-262标准化的脚本程序设计语言

1997年06月,ECMAScript 1.0版

1998年06月,ECMAScript 2.0版

1999年12月,ECMAScript 3.0版

2007年10月,ECMAScript 4.0版(版本改变太激进,死了)

2009年12月,ECMAScript 5.0版

2011年06月,ECMAscript 5.1版发布,成为ISO/IEC(国际标准化组织及国际电工委员会)16262:2011)标准

2015年06月17日,ECMAScript 6版,可以叫ECMAScript 6(ES6),也可以叫ECMAScript 2015(ES2015

javascript未来将由ECMA以每年一个版本的方式进行迭代更新,版本号也会按照年份来排序,ES2015ES2016……

三、第一个JavaScript 程序

  • 嵌入式
<script type=“text/javascript”>

alert('hello world!');

</script>

  • 引入式
<script type=“text/javascript”src=“js文件的路径”></script>

四、JavaScript 声明变量并同时赋值


*//简写*\
**var** a = 3;\
console.log(a);  *//3*\


a = "hello";\
console.log(a);  *//hello*\



a = **true**;\
console.log(a); *//true*\


*//同名变量会产生覆盖*\
**var** name = "小红";\
**var** name = "小丽";\
alert(name);  *//小丽*
  • 语法格式
    • 区分大小写

    • 代码以;号结束,分号可以省略,但不建议

    • 注释使用  //单行注释  /**/ 多行注释

    • 代码块使用{}包含

    • 调试代码使用控制台输出语句:开启控制台

    • 命名规则

      由英文字母、数字、_及$组成,数字不能作为开头,不能使用js中的关键字。


-   **//大小写敏感**
-   **var** Name="小花";\
    **var** name="小毛";
-   *//可读性高的变量名*\
    **var** a_local  *//使用下划线连接关键字*\
    **var** _username= "tt";  *//使用下划线开头*\
    **var** $total;  *//用$开头*\
    **var** password;  *//用小写字母*\
    **var** seatNumber = 5;  *//驼峰命名法*\
    **var** isHappy = **true**;  *//布尔值使用is开头*\
    \
    *//不能使用关键字(保留字)因为语言私有,例如:*\
    **var** **false**;\
    **var** **true**;\
    **var** boolean;\
    **var** **var**;\
    \
    *//可以使用中文,但不推荐*\
    **var** 果果 = "中文变量";

五、总结

JavaScript 是 web 开发者必学的三种语言之一:

  • HTML 定义网页的内容
  • CSS 规定网页的布局
  • JavaScript 对网页行为进行编程
  1. 组件设计原则: 封装性,正确性,扩展性,复用性
  2. 实现组件的步骤: 结构设计、展现效果,行为设计
  3. 三次重构: 插件化,模板化,抽象化