1.基础入门

1.1.hello world

1.1.1.JavaScript是什么?

JavaScript是一门跨平台、面向对象的轻量级脚本语言，在web开发中被广泛应用

1.1.2.JavaScript和Java的关系

JavaScript 和 Java 有一些共性但是在另一些方面有着根本性区别。JavaScript语言类似 Java 但是并没有 Java 的静态类型和强类型检查特性。JavaScript 遵循了 Java 的表达式语法，命名规范以及基础流程控制，这也是 JavaScript 从 LiveScript 更名的原因

通俗的说，就是JavaScript和Java虽然名字相似，但是它们是两门不同的语言，有很大的区别，不要搞混淆了

1.1.3.为什么要学习JavaScript？它的应用场景在哪？

JavaScript使用广泛，可以说是一统浏览器江湖了，而且随着前端工程化的发展，地位在开发中有所提升，很多复杂的逻辑都需要交给前端来完成，现在的前端工程师已经不再是只会切图做页面那么简单了，JavaScript是必备技能。

如果是想从事后端开发，也必须会JavaScript,页面数据交互必定会遇到JavaScript代码，如果不会，将会成为工作瓶颈。随着最近几年nodejs的兴起，JavaScript也具有染指后端的能力，学好JavaScript前途无量。

应用场景:页面动画、用户交互、ajax前后端交互等

1.1.4.第一个JavaScript程序

<script type="text/javascript">

    alert("hello world");

</script>

以上代码运行过后，会在浏览器窗口弹出一句话，hello world，上面的代码可以写在html文件的任何位置。

1.1.5 JavaScript 写在哪里

JavaScript 可以写在script标签内部，这种方式又叫做内嵌方式，和css的内嵌样式比较类似。

<script type="text/javascript">

    alert('这是Javascript程序');

</script>

JavaScript可以写在外部文件中，这种方式又叫做外联方式，这个方式也和css中的外联样式很像。如果要用外联的方式写JavaScript代码必须经过两步才能完成 第一步：新建一个外部JavaScript文件，以.js结尾。这里以新建hello.js 为例；并在hello.js中输入以下代码

   alert("这里是外部引入JavaScript程序")；

第二步：假设当前修改的页面为index.html页面，需要在index.html页面中引入外部新建的hello.js文件

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>外部引入js文件实例</title>

        <script src="hello.js" type="text/javascript" charset="utf-8"></script>

    </head>

    <body>

    </body>

</html>

总结：既然两种方式都可以运行JavaScript，那么我们到底使用那种方式呢？内嵌方式写的代码是和html代码混淆在一起的，当代码量很少或者是调试JavaScript程序的时候，使用内嵌方式会比较方便。当代码量很多，项目复杂的时候，js开发往往采用模块化开发的方式，多人协作开发，也就是某个人具体开发某个功能，这个时候就要用外联方式来写了，开发完成过后还要合并代码，压缩代码，用以优化提升性能，这个时候用内嵌的方式就不行了

1.1.6.Javascript的输出（死记住）

编程就是编写命令让计算机运行并得到想要的结果的一个过程，有些时候，需要在页面上输出程序的运行结果，用于调试程序，查找错误，下面来学几个输出结果的方法：

在网页中输出，显示在浏览器的body里面

//输出纯文本

document.write("hello world");

//输出html代码,这里的输出相当于把里面h1元素发给浏览器，浏览器会把h1元素解析生成具体的样式

document.write("<h1>hello world</h1>")

弹出框输出

//这里输出会在页面运行的时候，弹出一个对话框，里面输出hello world

alert("hello world");

浏览器控制台输出 这里以google为例 打开控制台的方法：在运行的页面上右键－>检查->点击下面的Console

   //使用console.log()命令，输出的内容都在控制台显示

   console.log("hello world");

1.1.7.输入内容

var num = prompt('请输入数字:')

alert(num)

1.2.基础概念

1.2.1.关键字

关键字就是JavaScript语言自身需要使用的一些单词，这些单词具有特殊的意义以及用法，因此，在程序中定义某个名称表示某种东西的时候就不能使用关键字了，会和这些关键字本身具有的意义用法起冲突，常用的关键字有 default、this、while、for、in、break、do、new、switch、var、function、case、null、undefined等等，后续会一一学到。

1.2.2.注释

注释就是对程序代码对一种注解，方便别人或者自己能够清晰的阅读代码，这里介绍两种注释：单行注释、多行注释

    //这里是单行注释，单行注释，只能写在一行里面

    /*

    *这里是多行注释

    *多行注释可以写在多行

    *多行注释以“／*” 开头

    *多行注释以“＊／"结尾

    */

1.2.3.JavaScript区分大小写

JavaScript 是一门区分大小写到语言。因此，就需要在编程中保持名称到一致，比如，在JavaScript中，如果this 被写成了This,因为是区分大小写到语言，this和This并不相等，在该用this到地方，用成lThis,程序就会出错

1.2.4.可选的分号码

在汉语中，当一句话完成了以后，用句号表示结束，在JavaScrip中也是一样一条语句结束需要有结束符号，JavaScript中用分号“；”来表示一条语句多结束。但是这个分号是可以写也可以不写的，通常会在团队开发规范中说明，有些语言是强制要求加分号的，例如：php，不写会报错

1.2.5 练习

用自己的话说什么是关键字、注释以及注释的作用？ 手写下面内容10遍： JavaScript区分大小写 javaScript分号可写可不写，建议写上

1.3.变量

1.3.1.变量是什么

变量从字面上理解的话，可以看出具有可变、变化的特征，量在这里可以看作是数据的意思，所以变量又可以理解为可变的数据。变量在计算机中就是一块用来存储数据的临时空间，也可以看成是一个存储数据的临时容器。变量存在内存之中，如果把内存划分成n多个小格子多话，变量就是其中对应多某个小格子。

1.3.2.如何使用变量？

要使用变量，需要先定义，我们这里叫做变量的声明，需要使用到 var 这个关键字

var a = 10

变量声明后就可以直接使用了

alert(a)

1.3.3. 练习

输入2个数，求出2个数的差并且弹窗显示 输入3个数，求3个数的积并且输出到网页中 输入4个数，求出它们的商并且输出到控制台

螺钉课堂视频课程地址：http://edu.nodeing.com

js语法基础入门（1）的更多相关文章

  1. js语法基础入门（7）

    7.数组 7.1.什么是数组以及相关概念? 什么是数组?是一组数据有序排列的集合.将一组数据按一定顺序组织为一个组合,并对这个组合命名,这样便构成了数组. 什么是数组元素?组成数组的每一个数据称为数组 ...

  2. js语法基础入门（6）

    6.函数 6.1.函数是什么? 函数就是具有名称和一定功能点代码块,这段代码块被封装起来,由一组语句组成,它们是JavaScript的基础模块单元,用于代码复用.信息隐藏和组合调用.一般来说,所谓编程 ...

  3. js语法基础入门（1.2）

    1.4.查找元素的方法 1.4.1.查找元素的方法 JavaScript可以去操作html元素,要实现对html元素的操作,首选应该找到这个元素,有点类似于css中的选择器 html代码: <d ...

  4. js语法基础入门（5.2）

    5.2.循环结构 当一段代码被重复调用多次的时候,可以用循环结构来实现,就像第一个实例中出现的场景一样,需要重复询问对方是否有空,这样就可以使用循环结构来搞定 5.2.1.for循环语句 //语法结构 ...

  5. js语法基础入门（5.1）

    5.流程控制 5.1.选择结构 程序流程图 图例: 椭圆: 开始/结束 矩形: 操作 菱形: 判断 连接线: 走向 可以根据程序流程图,理清楚程序执行的流程 5.2.1.if语句 //if语句语法结构 ...

  6. js语法基础入门（4）

    4.运算符 4.1.什么是运算符? 运算符就是用来表示具体运算规则的符号,例如数学计算中的加减乘除就是具体的运算规则,我们分别用"+ - * /"等符号来表示 4.2.运算符的分类 ...

  7. js语法基础入门（3）

    3.数据类型 3.1.数据类型学习重点 前面我们通俗的讲了,数据类型其实就是对数据进行了分类,那么,在js中到底把数据分成了几类?这些类的名称叫什么?每个分类下面有那些值?这些问题是需要记清楚的,例如 ...

  8. js语法基础入门（2）

    2.变量 2.1.变量的声明 声明变量的时候没有赋值,默认输出undefined //通过var 声明一个变量 var user: //默认输出undefined 可以同时声明多个变量 var use ...

  9. Swift语法基础入门三(函数, 闭包)

    Swift语法基础入门三(函数, 闭包) 函数: 函数是用来完成特定任务的独立的代码块.你给一个函数起一个合适的名字,用来标识函数做什么,并且当函数需要执行的时候,这个名字会被用于“调用”函数 格式: ...

随机推荐

  1. 前端代码高亮显示解决方案: prism

    目录 1. 场景描述 2. React Prism 2.1 prismjs 库 2.2 babel-plugin-prismjs 插件 3. demo 4. 注意点 5. 参考链接 1. 场景描述 在 ...

  2. 如何提交本地代码到git仓库

    首先要先注册一个自己的GitHub账号,注册网址:https://github.com/join 有了自己的账号以后,就可以进行登录,开始创建一个新的项目 创建一个新的项目,填写项目名称,描述 我是和 ...

  3. Java实现 蓝桥杯VIP 算法训练 筛选号码

    算法训练 筛选号码 Description 有n个人围成一圈,顺序排号(编号为1到n).从第1个人开始报数(从1到3报数),凡报到3的人退出圈子.从下一个人开始继续报数,直到剩下最后一个人,游戏结束. ...

  4. Java实现 LeetCode 228 汇总区间

    228. 汇总区间 给定一个无重复元素的有序整数数组,返回数组区间范围的汇总. 示例 1: 输入: [0,1,2,4,5,7] 输出: ["0->2","4-> ...

  5. Java实现币值最大化问题

    1 问题描述 给定一排n个硬币,其面值均为正整数c1,c2,-,cn,这些整数并不一定两两不同.请问如何选择硬币,使得在其原始位置互不相邻的条件下,所选硬币的总金额最大. 2 解决方案 2.1 动态规 ...

  6. Java实现 蓝桥杯 历届试题 约数倍数选卡片

    问题描述 闲暇时,福尔摩斯和华生玩一个游戏: 在N张卡片上写有N个整数.两人轮流拿走一张卡片.要求下一个人拿的数字一定是前一个人拿的数字的约数或倍数.例如,某次福尔摩斯拿走的卡片上写着数字" ...

  7. java实现第六届蓝桥杯居民集会

    居民集会 蓝桥村的居民都生活在一条公路的边上,公路的长度为L,每户家庭的位置都用这户家庭到公路的起点的距离来计算,第i户家庭距起点的距离为di. 每年,蓝桥村都要举行一次集会.今年,由于村里的人口太多 ...

  8. Charles（青花瓷/花瓶）的基本使用

    前言 Charles 其实是一款代理服务器,通过成为电脑或者浏览器的代理,然后截取请求和请求结果达到分析抓包的目的.其次该软件是用 Java 写的,能够在 Windows,Mac,Linux 上使用. ...

  9. AddDbContext was called with configuration, but the context type 'MyDBContext' only declares a parameterless constructor

    System.ArgumentException HResult=0x80070057 Message=AddDbContext was called with configuration, but ...

  10. 源码分析（4）-ConcurrentHashMap（JDK1.8）

    一.UML类图 ConcurrentHashMap键值不能为null:底层数据结构是数组+链表/红黑二叉树:采用CAS(比较并交换)和synchronized来保证并发安全. CAS文章:https: ...