探索JavaScript:了解其定义、特性、应用及执行流程

发表时间: 2019-11-25 10:34

1.JavaScript概念

  JavaScript是一种基于原型的面向对象的语言。

  同时,因为JavaScript是脚本语言,而脚本语言又是一种解释性的语言,

  所以JavaScript是逐行执行的同时也具有解释型语言的特点:不需要编译可以直接使用,由解释器来负责解释。

2.JavaScript特点

(1)面向对象

  JavaScript 语言标准已经明确说明,JavaScript 是一门面向对象的语言;

  JavaScript是否属于“面向对象的语言”一直饱受争议,一些争论中,有人强调,JavaScript 并非“面向对象的语言”,而是“基于对象的语言”,这个说法也一度流传甚广。JavaScript 的对象设计跟目前主流基于类的面向对象差异非常大。而事实上,这样的对象系统设计虽然特别,但是 JavaScript 提供了完全运行时的对象系统,这使得它可以模仿多数面向对象编程范式,所以它也是正统的面向对象语言。而因为与基于类的面向对象的差异,我们也称JavaScript 为基于原型的面向对象。

(2)脚本语言

  又被称为动态语言,只在被调用时进行解释或编译。在程序的运行过程中逐行解释执行。

(3)解释性语言

  不需要编译可以直接使用,由宿主环境(浏览器)解释执行。

我自己是一名从事了多年开发的web前端老程序员,目前辞职在做自己的web前端私人定制课程,今年年初我花了一个月整理了一份最适合2019年学习的web前端学习干货,各种框架都有整理,送给每一位前端小伙伴,想要获取的可以关注我的头条号并在后台私信我:前端,即可免费获取。

(4)事件驱动

  JavaScript对用户的响应,是以事件驱动的方式进行的。在网页(Web Page)中执行了某种操作所产生的动作,被称为“事件”(Event)。例如按下鼠标、移动窗口、选择菜单等都可以被视为事件。当事件发生后,可能会引起相应的事件响应,执行某些对应的脚本,这种机制被称为“事件驱动”。

(5)动态性

  语言的动态性,是指程序在运行时可以改变其结构。在一个 JavaScript 对象中,要为一个属性赋值时,我们不必事先创建一个变量,只需要在使用的时候做赋值操作即可。

(6)弱类型&松散类型

   弱类型语言声明数据时不需要指定数据类型,一个变量可以赋不同数据类型的值,不同类型数据在计算过程中会自动进行转换,在参与运算的过程中,JavaScript会将其自动转换为数据类型,比如JavaScript中布尔类型的数据可以直接参与运算。

(7)单线程与异步处理共存

  单线程程序的执行顺序是从上到下依次执行,一个程序中只可以执行一个程序。而异步处理不用阻塞当前线程来等待处理完成,而是允许后续操作,直至其它线程将处理完成。二者看起来相互矛盾,不能够同时存在,可是JavaScript以一种巧妙地方式用单线程实现了异步处理的效果。

  在JavaScript的主线程和任务队列中间还存在一个WebAPIs,这个WebAPIs是浏览器单独为处理JavaScript的异步任务开辟的线程。当主线程栈中的函数需要异步处理的时候,主线程会把需要异步的部分推给WebAPIs,这部分异步由浏览器去执行,执行完异步之后将处理后的结果以事件的形式丢到任务队列中,这个事件就是我们写代码时的“回调函数”。

(8)跨平台

  JavaScript依赖于浏览器本身,与操作环境无关。

(9)安全性语言

  JavaScript是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。

3.javaScript的核心

  JavaScript 的三大核心为ECMAScript、DOM 和 BOM。

  ECMAScript(核心):

    描述了该语言的语法和基本对象,ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,所以它可以理解为是JavaScript的一个标准,但实际上后两者是ECMA-262标准的实现和扩展。

  DOM(文档对象模型):

    描述了处理网页内容的方法和接口;是W3C组织推荐的处理可扩展置标语言的标准编程接口。是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风格(目前,HTML和XML文档是通过说明部分定义的)。

  BOM(浏览器对象模型):

    描述了与浏览器进行交互的方法和接口;用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。

4.javaScript的使用

html页面中写在<script></script>标签内

引入外部.js文件

  引入的多个js文件,会按顺序分开执行。同样的,对于不同<script>标签嵌入的JavaScript代码,也会根据脚本标签<script>的出现顺序来分开执行。由于JavaScript通常需要操作DOM,所以,一般把JavaScript放在前或者文档结尾处引入。若需要在中引入,可以通过修改window.onload或者document.ready事件,强制等到DOM加载完成后再执行相关函数。

5.javaScript的执行顺序

  JavaScript代码执行分为两个部分:

预编译阶段,进行代码的检查装载,同样也是按从上到下按顺序进行的。此阶段只进行变量和函数的声明,会跳过执行语句,不对变量进行赋值,变量的默认值为undefined。即使声明是在调用的下方进行的,但浏览器仍然先声明再调用(执行),这个现象叫做“声明提升”。所以,即便一个函数的声明在函数调用的下方,前面仍然可以正常执行这个函数,需要注意的是函数声明的提升优先于变量声明的提升。(js代码的执行是读一行代码执行一行,但在执行之前系统会先对js进行全面扫描检查是否存在低级的语法错误,并不会立即执行语句。)

原文链接:
https://blog.csdn.net/qq_28453669/article/details/103211948

作者:Simeow