JavaScript基础语法

用户7266861705698
78 阅读5分钟

JavaScript发展历史（JS）

  1. 1994年，网景公司(Netscape)发布了Navigator浏览器0.9版，这是世界上第一款比较成熟的网络浏览器，轰动一时。但是这是一款名副其实的浏览器--只能浏览页面，浏览器无法与用户互动,当时解决这个问题有两个办法，一个是采用现有的语言将它们直接嵌入网页。另一个是发明一种全新的语言。
  2. 1995年Sun公司将Oak语言改名为Java，正式向市场推出。Sun公司大肆宣传，许诺这种语言可以"一次编写，到处运 行"(Write Once, Run Anywhere)，它看上去很可能成为未来的主宰。
  3. 网景公司动了心，决定与Sun公司结成联盟, 后来验证java在浏览器客户过于臃肿，适合服务端开发。
  4. 34岁的系统程序员Brendan Eich登场了。1995年4月，网景公司录用了他,他只用10天时间就把Javascript设计出来了。（多态语言）
  5. 1996年8月，微软模仿JavaScript开发了一种相近的语言，取名为JScript
  6. 1996年11月，Netscape公司决定将JavaScript提交给国际标准化组织ECMA （European Computer Manufacturers Association），希望JavaScript能够成为国际标准，以此抵抗微软。
  7. 1997年7月，ECMA组织发布262号标准文件（ECMA-262）的第一版，规定了浏览器 脚本语言的标准，并将这种语言称为ECMAScript。这个版本就是ECMAScript 1.0版。

总结：1.javascript是1995年网景公司雇佣布兰登开发的全新语言 2.javascript最初是为了实现浏览器客户端交互 3.ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现。在日常场合，这两个词是可以互换的。

JavaScript能干什么

1.浏览器客户端开发(前端开发) 2.服务端开发 3.桌面应用开发

JavaScript的组成

  1. ECMASCRIPT: 定义了javascript的语法规范,描述了语言的基本语法和数据类型
  2. BOM (Browser Object Model): 浏览器对象模型
    • 有一套成熟的可以操作浏览器的 API，通过 BOM 可以操作浏览器。比如： 弹出框、浏览器跳转、获取分辨率等
  3. DOM (Document Object Model): 文档对象模型
    • 有一套成熟的可以操作页面元素的 API，通过 DOM 可以操作页面中的元素。比如： 增加个 div，减少个 div，给div 换个位置等

JavaScript代码的书写位置

  • 和 css 一样，我们的 js 也可以有多种方式书写在页面上让其生效
  • js 也有多种方式书写，分为 行内式， 内嵌式，外链式 1.行内式 JS 代码（不推荐） 2.内嵌式 JS 代码

1.png 3.外链式 JS 代码（推荐）

2.png

JS 中的注释

学习一个语言，先学习一个语言的注释，因为注释是给我们自己看的，也是给开发人员看的写好一个注释，有利于我们以后阅读代码 1.单行注释：ctrl + / 2.多行注释：alt + shift + a

变量（重点）

  • 变量指的是在程序中保存数据的一个容器
  • 变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据
  • 也就是说，我们向内存中存储了一个数据，然后要给这个数据起一个名字，为了是我们以后再次找到他
  • 变量的本质是内存中一个存储单元
  • 语法： var 变量名 = 值

定义变量及赋值

3.png

变量的命名规则和命名规范

4.png

访问变量值

控制台输出语句

console.log('输出内容') 引号中的内容被打印显示到控制台窗口

console.log(变量名) 变量名值被打印显示到控制台窗口

变量内存结构图

5.png

数据类型（重点）

数据类型引入:

不同容器可以放不同类型的东西，如：抽屉，可以放钥匙，也可以书本，还可以放money

根据容器放的东西的类型不同，将容器分成不同类型，

数据类型指的就是变量指向的存储单元中存放的数据的类型

定义

  • 是指我们存储在内存中的数据的类型
  • 我们通常分为两大类 基本数据类型 和 复杂数据类型

基本数据类型

6.png

复杂数据类型

7.png

判断数据类型

  • 既然已经把数据分开了类型，那么我们就要知道我们存储的数据是一个什么类型的数据
  • 使用 typeof 关键字来进行判断

8.png

  • isNaN(x) 函数用于检查其参数x是否是非数字值,是非数字值返回true，否则返回false

9.png

数据类型转换

1.其他类型转数值

10.png

11.png

2.其他数据类型转成字符串

12.png

3.其他数据类型转成布尔

13.png

运算符

数学运算符

14.png

赋值运算符

15.png

16.png

比较运算符

17.png

18.png

逻辑运算符

19.png

自增自减运算符（一元运算符）

20.png

运算符优先级

JavaScript中的运算符优先级是一套规则。该规则在计算表达式时控制运算符执行的顺序。 具有较高优先级的运算符先于较低优先级的运算符执行。例如，乘法的执行先于加法。 下表按从最高到最低的优先级列出JavaScript运算符。 具有相同优先级的运算符按从左至右的顺序求值。

21.png

avatar
文章
阅读
粉丝