javascript的语法特点、js难还是java难 收藏 0

JavaScript基础语法01——初识JavaScript

哈喽，大家好，我是雷工！

最近有项目用到KingFusion软件，由于KingFusion是B/S架构的客户端组态软件，因此在学习KingFusion产品时会涉及许多前端的知识。

像JavaScript语言就是需要用的，俗话说：活到老学到老。今天学习JavaScript基础语法知识，并记录笔记方便回顾。

JavaScript是一种具有函数优先的轻量级，即时编译型，运行在客户端（浏览器）的脚本语言，用于实现人机交互的效果。

2.1、代码不进行预编译：其源代码在发往客户端运行之前不需要进行编译，而是将文本格式的字符代码发送给浏览器，由浏览器解释运行。

2.2、JavaScript中，如果一行运行不了，那么下面的语句也无法运行。

3.1、使用范围广。

3.2、入门简单，容错性强。

3.3、开元学习资料丰富。

4.1、网页特效：监听用户的一些动作让网页做出相应的反馈。

4.2、表单验证：可以针对表单数据的合法性进行判断。

4.3、数据交互：获取后台的数据，渲染到页面前端。

4.4、服务端编程：Node.js。

5.1、ECMAScript:规定了JavaScript基础语法的核心知识。

例如：变量，分支语句，循环语句、对象等等。

5.2、Web APIs:

5.2.1、DOM 操作文档。

例如：对界面元素进行移动、大小、添加删除等操作。

5.2.2、BOM 操作浏览器

例如：界面弹窗，检查窗口宽度、存储数据到浏览器等。

在这知识大爆炸的时代，穷尽一生也不可能把所有知识学完，只能是跟现有工作相结合，缺什么补什么，用到什么学什么。如有不当描述欢迎指正。

JavaScript 语法

JavaScript 是一个脚本语言。

在编程语言中，一般固定值称为字面量，如 3.14。

数字（Number）字面量 可以是整数或者是小数，或者是科学计数(e)。

代码练习：

运行结果：

字符串（String）字面量 可以使用单引号或双引号:

代码练习：

运行结果：

代码2的效果图，同上。

表达式字面量 用于计算：

代码练习：

运行结果：

数组（Array）字面量 定义一个数组：

[40, 100, 1, 5, 25, 10]

对象（Object）字面量 定义一个对象：

{firstName:\”John\”, lastName:\”Doe\”, age:50, eyeColor:\”blue\”}

函数（Function）字面量 定义一个函数：

function myFunction(a, b) { return a * b;}

在编程语言中，变量用于存储数据值。

JavaScript 使用关键字 var 来定义变量， 使用等号来为变量赋值：

代码练习：

运行结果：

ps:变量是一个名称。字面量是一个值。

JavaScript使用 算术运算符 来计算值:

代码练习：

运行结果：

JavaScript使用赋值运算符给变量赋值：

代码练习：

运行结果：

JavaScript语言有多种类型的运算符：

语句是用分号分隔：x = 1 + 2;

var 关键字告诉浏览器创建一个新的变量：var x = 1 + 2;

JavaScript 中最​重要的保留关键字（按字母顺序）：

不是所有的 JavaScript 语句都是\”命令\”。双斜杠 // 后的内容将会被浏览器忽略：// 我不会执行

JavaScript 有多种数据类型：数字，字符串，数组，对象等等：

var length = 16; // Number 通过数字字面量赋值var points = x * 10; // Number 通过表达式字面量赋值var lastName = \”Johnson\”; // String 通过字符串字面量赋值var cars = [\”Saab\”, \”Volvo\”, \”BMW\”]; // Array 通过数组字面量赋值var person = {firstName:\”John\”, lastName:\”Doe\”}; // Object 通过对象字面量赋值

编程语言中，数据类型是一个非常重要的内容。

为了可以操作变量，了解数据类型的概念非常重要。

如果没有使用数据类型，以下实例将无法执行：

16 + \”Volvo\”

16 加上 \”Volvo\” 是如何计算呢? 以上会产生一个错误还是输出以下结果呢？

\”16Volvo\”

代码练习：

运行结果：

JavaScript 语句可以写在函数内，函数可以重复引用：

引用一个函数 = 调用函数(执行函数内的语句)。

function myFunction(a, b) {return a * b; // 返回 a 乘以 b 的结果}

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时，请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样，变量 myVariable 与 MyVariable 也是不同的。

JavaScript 使用 Unicode 字符集。

Unicode 覆盖了所有的字符，包含标点等字符。

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时，请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样，变量 myVariable 与 MyVariable 也是不同的。

JavaScript 使用 Unicode 字符集。

Unicode 覆盖了所有的字符，包含标点等字符。

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com