【64】JS(1)——语法简介

★文章内容学习来源:拉勾教育大前端就业集训营


本篇学习目标:了解JavaScript


目录

  • 一、前置知识
    • 1.前言
        • (1)网页
        • (2)网站
        • (3)应用程序
        • (4)前端三层
        • (5)JavaScript 应用场景
    • 2.JavaScript介绍
        • (1)是什么
        • (2)发展简史
        • (3)JS组成
    • 3.计算机组成
        • (1)示意图
        • (2)软件
        • (3)硬件
  • 二、基本语法
    • 1.书写位置
        • (1)行内
        • (2)HTML的script标签中
        • (3)外部JS文件
    • 2.注释
        • (1)多行注释(块级注释)
        • (2)单行注释
        • (3)VScode快捷键
    • 3.alert()语句
        • (1)含义
        • (2)作用
        • (3)注意事项
        • (4)语法
        • (5)示例
    • 4.prompt()语句
        • (1)含义
        • (2)作用
        • (3)注意事项
        • (4)语法及示例
    • 5.console控制台
        • (1)介绍
        • (2)功能


一、前置知识

1.前言

(1)网页

单独的页面;

(2)网站

一系列相关的网页组合在一起;

(3)应用程序

可以和用户产生交互,并且实现某种功能。(常见的三类:比如淘宝,Photoshop,百度脑图)(要有图形交互、接口、引擎等)

(4)前端三层

HTML(结构层,语义,页面结构),CSS(样式层,美观,页面样式),JavaScript(行为层,交互,页面行为);

(5)JavaScript 应用场景

JavaScript 发展到࣫现在几乎无所不能,常见的应用场景有:

  1. 网页特效
  2. 服务端开发(Node.js)
  3. 命令行工具(Node.js)
  4. 桌面程序(Electron)
  5. App(Cordova)
  6. 控制硬件-物联网(Ruff)
  7. 游戏开发(cocos2d-js)…

2.JavaScript介绍

(1)是什么

运行在客户端的脚本语言,最早实在HTML网页上使用,为网页带来动态功能。

浏览器就是一种运行JS脚本语言的客户端,JS解释器被称为浏览器的一部分

(2)发展简史

  • 在 WEB 日益发展的同时,网页的大小和复杂性不断增加,受制于网速的限制,为完成简单的表单验证而频繁地与服务器交换数据只会加重用户的负担,当时走在技术革新最前沿的 Netscape (网景)公司,决定着手开发一种客户端语言,用来处理这种简单的验证。
  • 1995 年,就职于 Netscape 公司的 Brendan Eich,开始着手为即将于 1996 年 2 月发布的 Netscape Navigator 2 浏览器开发一种名为 LiveScript 的脚本语言。为了尽快完成 LiveScript 的开发,Netscape与 Sun公司建立了一个开发联盟。在 Netscape Navigator 2 正式发布前夕,Netscape 为了搭上媒体热炒 Java 的顺风车,临时把 LiveScript 改名为 JavaScript。
  • 由于 JavaScript 1.0 获得的关注度越来越高,1996 年,微软就在其 Internet Explorer 3 中加入了名为 JScript 的 JavaScript 实现,这意味着有了两个不同的 JavaScript 版本,导致 JavaScript 没有一个标准化的语法和特性。
  • 1997 年,以 JavaScript 1.1 为蓝本的建议被提交给了欧洲计算机制造商协会(ECMA,European Computer Manufacturers Association)。该协会指定 39 号技术委员会(TC39,Technical Committee #39)负责“ 标准化一种通用、跨平台、供应商中立的脚本语言的语法和语义”。
  • TC39 由来自 Netscape、Sun、微软、Borland 及其他关注脚本语言发展的公司的程序员组成,他们经过数月的努力完成了 ECMA-262 标准,定义一种名为 ECMAScript 的新脚本语言。
版本 发布时间 意义
ECMAScript 1 1997.06
ECMAScript 2 1998.06
ECMAScript 3 1999.12 成为 JavaScript 的通行标准,得到了广泛支持。
ECMAScript 4 2007.10 ECMAScript 4.0 版草案发布,对 3.0 版做了大幅升级。草案发布后,由于 4.0 版的目标过于激进,各方对于是否通过这个标准,发生了严重分歧。以 YahooMicrosoft、Google 为首的大公司,反对 JavaScript 的大幅升级,主张小幅改动;以 JavaScript 创造者 Brendan Eich 为首的 Mozilla 公司,则坚持当前的草案。
2008.07 由于各方分歧太大,争论过于激进,ECMA 开会决定,中止 ECMAScript 4.0 的开发,将其中涉及现有功能改善的一小部分,发布为 ECMAScript 3.1,而将其他激进的设想扩大范围,放入以后的版本,由于会议的气氛,该版本的项目代号起名为Harmony(和谐)。会后不久,ECMAScript 3.1 就改名为 ECMAScript 5。
ECMAScript 5 2009.12 ECMAScript 5.0 版正式发布。Harmony 项目则一分为二,一些较为可行的设想定名为 JavaScript.next 继续开发,后来演变成 ECMAScript 6;一些不是很成熟的设想,则被视为 JavaScript.next.next,在更远的将来再考虑推出。
ECMAScript 5.1 2011.06 成为ISO国际标准(ISO/IEC 16262:2011)
ECMAScript 6/ECMAScript 2015 2015.06.17 ECMAScript 6 发布正式版本,并且更名为“ECMAScript 2015”。
  • ECMAScript 的应用:
    ①Javscript,JScript,ActionScript 等脚本语言都是基于 ECMAScript 标准实现的;
    ②在 JavaScript,JScript 和 ActionScript 中声明变量,操作数组等语法完全一样,因为它们都是ECMAScript。但是在操作浏览器对象等方面又有各自独特的方法,这些都是各自语言的扩展。

(3)JS组成

  • JavaScript 是由 ECMAScriptDOMBOM 三者组成的。
  • ECMAScript是语言核心;
  • DOM:文档对象模型;
  • BOM :浏览器对象模型。

3.计算机组成

(1)示意图

【64】JS(1)——语法简介_第1张图片

(2)软件

  • 应用软件:浏览器(Chrome/IE/Firefox)、QQ、Sublime、Word
  • 系统软件:Windows、Linux、mac OS

(3)硬件

  • 三大件:CPU(中央处理器)、内存(缓存,关机时会释放)、硬盘(永久保存);
  • 输入设备:鼠标、键盘、手写板、摄像头等;
  • 输出设备:显示器、打印机、投影仪等。

二、基本语法

1.书写位置

(1)行内

  • 但一般不用:
<input type="button" value="按钮" onclick="alert('hello word')">

(2)HTML的script标签中

你可能感兴趣的:(前端学习中,javascript,基础语法)