JS基础-邂逅javaScript

99 阅读3分钟

编程语言的发展历史

机器语言:由数字0和1按照一定的规律组成的代码就叫机器码,也叫二进制编码

优点: 代码能被计算机直接识别,不需要编译解析;直接对硬件产生作用,程序的执行效率非常高;

缺点: 程序全是些0和1的指令代码,可读性差,还容易出错;

汇编语言: 用符号来代替冗长的、难以记忆的0、1代码

image.png

优点: 像机器语言一样,可以直接访问、控制计算机的各种硬件设备;占用内存少,执行速度快;

缺点: 一个程序只能在一种机器上运行,换到其他机器上可能就不能运行;符号非常多、难记,即使是完成简单的功能也需要大量的汇编语言代码,很容易产生BUG,难于调试;

应用场景: 操作系统内核、驱动程序、单片机程序;

高级语言:跟和人交流的方式很相似

优点: 简单、易用、易于理解,语法和结构类似于普通英文;远离对硬件的直接操作,使得一般人经过学习之后都可以编程,一个程序还可以在不同的机器上运行,具有可移植性;

缺点: 程序不能直接被计算机识别,需要经编译器翻译成二进制指令后,才能运行到计算机上;种类繁多:JavaScript 、 C语言、C++、C#、Java、Objective-C 、Python等;

JS基础语法

通俗的说法: JavaScript是一门高级编程语言, 是前端开发的重要组成部分!

我们编写的JS无论你交给浏览器或者Node执行,最后都是需要被CPU执行的,但是CPU只认识机器语言,所以我们需要JS引擎帮助我们将JS代码翻译成CPU指令来执行;

浏览器内核和JS引擎的关系

以WebKit为例,WebKit事实上由两部分组成的:

  1. WebCore:负责HTML解析、布局、渲染等等相关的工作;
  2. JavaScriptCore:解析、执行JavaScript代码;

编写方式 image.png

image.png

如果运行的浏览器不支持JavaScript,针对早期浏览器不支持 JavaScript 的问题,需要一个页面优雅降级的处理方案 <noscript> 元素被用于给不支持 JavaScript 的浏览器提供替代内容

<noscript>
  <p>不支持js代码</p>
</noscript>

注意事项

  • script元素不能写成单标签
  • 在以前的代码中,<script>标签中会使用 type=“text/javascript”;现在可不写,因为js是所有现代浏览器以及 HTML5 中的默认脚本语言
  • js默认遵循HTML文档的加载顺序(自上而下)推荐将js代码和编写位置放在body元素的最后一行
  • js代码严格区分大小写

js有如下和用户交互的手段: image.png

js注释

// 单行注释

/*多行注释*/

/**
 * 文档注释
 * @param {string} name 姓名
 * @param {number} age 年龄
 */
function sayHello(name, age) {}
sayHello('www',18)