web前端开发语言 javascript基础知识总结

文章插图
随着现在技术行业门槛的不断提高，大多数的小伙伴们想要学前端或者是入门前端行业，就必须要掌握一定基础的 JavaScript 语言知识，本文档将介绍绝大部分常用的 JavaScript 语言基础知识且将同样概念添加 Java 语言进行对比，帮助你快速学习理解。
语言概述JavaScript 是一门脚本语言，用在网页上增强页面功能，是一门动态语言因此不需要进行编译、部署。
JavaScript 是弱类型的语言，语法比较简单，掌握基本语法之后怎么写都可以，比 Java 灵活的多，同时不需要依赖 IDE，任何文本编辑器都可以进行开发。当然如果你用 IDEA 等 IDE 更是锦上添花。
JavaScript 比较常见的运行环境就是 Web 浏览器，比如 Chrome 直接打开 console 输入 JavaScript 代码即可运行实时看到结果：
提示：在 Chrome 中，右击网页选择『检查』即可打开开发者工具，可以切换到 console 面板。详情可以看如何使用控制台。
提示：控制台比较常用的有 console.log方法，它可以打印一些内容、变量值等到你的控制台辅助开发，等同 Java 中的 System.out.println方法。
语法基础变量定义*let 定义普通变量（推荐），详情：链接。*const定义常量，后面只能读不能写，详情：链接。*var 定义普通变量，不建议使用。
var 由于缺失某些特性，不建议使用，关于 let 和 var 的对比，详情见：链接。
由于 JavaScript 是弱类型语言，因此你不需要声明变量的数据类型。
JavaScript:
let x = 20;Java:
float x = 20.0;double x = 20.0;int x = 20;具体支持的数据类型参照下面文档。
数据类型数据类型基础知识详见：链接，这里针对常用的几种进行重点讲解。
基础类型包括：Undefined、Null、Boolean、Number、String，引用类型包括：Object、Array、Function 。当一个变量值为引用类型的时候，直接赋值其他变量传递的是引用。同样的，引用的数据在某个地方改变了值会影响所有调用这个变量的地方。这跟 Java 里面引用概念一样。
undefined 和 null声明一个变量没有赋值，直接访问当前变量可以得到 undefined 。不同于 Java 针对不同数据类型有不同的初始值：
JavaScript:
let x;console.log(x); // -> undefinedJava:
int x;System.out.println(x); // -> 0访问一个对象上不存在的 key 也会取到 undefined 。
let a = {};console.log(a.b); // -> undefinednull 表示空值。它不同于 undefined，它是有值的只不过是一个空值，而 undefined 是未定义的临时兜底的缺省值。undefined 和 null 具体的区别请参见：链接。
基本的数据类型（number、boolean、string）基本的数据类型：
console.log(typeof 10); // -> numberconsole.log(typeof '10'); // -> stringconsole.log(typeof true); // -> booleanconsole.log(typeof "true"); // -> stringJavaScript 中带引号的均为字符串，可以是单引号也可以是双引号。不同于 Java 字符串只能使用双引号表示。JavaScript 没有 int、float 和 double 之分。
数组（array）数组类型，栈结构，有序数组。每个 item 可以是任意类型的值，数据类型类似 Java 的 ArrayList，比如：
// 字符串数组['string', 'aaa']// 对象和字符串混合数组[{aa: 'aaa',bb: 'bbb',}, 'string']// 函数数组[() => {return '这是一个函数'}, () => {return '这是一个函数'}]如果需要取得特定需要的值，直接获取（比如获取第一个数据）：
JavaScript：
array[0];Java：
list.get(0);数组是有序的，遍历数组需要使用流程控制语句 for 等。为了方便，array 内置了一些数组常用操作方法可以简化常用操作，详情可见：链接。

以上关于本文的内容，仅作参考！温馨提示：如遇健康、疾病相关的问题，请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容，希望对您有所帮助：