如何从零开始学习JavaScript

想要学好Javascrip,首先得了解它的组成,是用来做什么的,能帮助我们实现什么功能,看完这篇文章,你可以学习到

JavaScript的组成(有什么?)了解就行

ECMAScript:
规定了js基础语法核心知识。
比如:变量、分支语句、循环语句、对象等等
Web APIs :
DOM 操作文档,比如对页面元素进行移动、大小、添加删除等操作
BOM 操作浏览器,比如页面弹窗,检测窗口宽度、存储数据到浏览器等等

<重要>JavaScript是什么

是一种运行在 客户端(浏览器) 的编程语言,实现 人机交互效果

<重要>作用做什么?

网页特效 (监听用户的一些行为让网页作出对应的反馈)
表单验证 (针对表单数据的合法性进行判断)
数据交互 (获取后台的数据, 渲染到前端)
服务端编程 (node.js)

<重要>如何添加到页面

内联 JavaScript

 一般配合vue框架

内部 JavaScript
直接写在html文件里,用script标签包住
script标签写在</body>上面
例如        <body>
                        <script>
                                document.write()
                        </script>
               </body>
外部 JavaScript
代码写在以.js结尾的文件里
通过script标签,引入到html页面中
script引入标签写在</body>上面
例如    <script src="./xxx.js"></script>

JavaScript 注释

1. 单行注释
符号://
作用://右边这一行的代码会被忽略
快捷键:ctrl + /
2. 块注释
符号:/* */
作用:在/* 和 */ 之间的所有内容都会被忽略
快捷键:shift + alt + A

<超级重要>JavaScript 输入输出语法

输出和输入也可理解为人和计算机的交互,用户通过键盘、鼠标等向计算机输入信息,计算机处理后再展示结果给用户 ,这便是一次输入和输出的过程。

输入 prompt()显示一个对话框,对话框中包含一条文字信息,用来提示用户输入文字 

效果如下

输入

语法document.write() 

向body内输出内容  如果输出的内容写的是标签,也会被解析成网页元素

直接在网页显示

 console.log()

效果如下

 

控制台输出语法,程序员调试使用

 alert()

页面弹出警告对话框
效果如下

 

字面量

在计算机科学中,字面量(literal)是在计算机中描述 事/物
比如:
价格1000  1000 就是数字字面量
'你好'  字符串字面量
 [] 数组字面量
 {} 对象字面量

 

变量

变量就是一个装东西的盒子。 是计算机中用来存储数据的“容器”,它可以让计算机变得有记忆

变量的使用
1. 声明变量: 要想使用变量,首先需要创建变量
let 变量名
let 关键字 (let: 允许、许可、让、要),所谓关键字是系统提供的专门用来声明(定义)变量的词语
var 变量名(不够严谨,很少使用,推荐用let,想了解去百度)
变量名  也叫标识符
2. 变量赋值:
定义了一个变量后,你就能够初始化它(赋值)。在变量名之后跟上一个“=”,然后是数值。

 

 

3. 更新变量:
变量赋值后,还可以通过简单地给它一个不同的值来更新它。

注意: let 不允许多次声明一个变量。 

4. 声明多个变量:
变量赋值后,还可以通过简单地给它一个不同的值来更新它。

 数组(Array)是一种可以按顺序保存多个数据

声明语法

 

数组是按顺序保存,所以每个数据都有自己的编号
计算机中的编号从0开始,所以小明的编号为0,小刚编号为1,以此类推
在数组中,数据的编号也叫索引或下标
数组可以存储任意类型的数据

 数组的基本使用

数据类型

基本数

基本数据类型

number 数字型
string 字符串型
boolean 布尔型
undefined 未定义型
null 空类型
引用数据类型 
object 对象
function 函数
array 数组
数字类型(number)
数学中学习到的数字,可以是整数、小数、正数、负数。
字符串类型(string)
通过单引号( '') 、双引号( "")或反引号( ` )包裹的数据都叫字符串 ,单引号和双引号没有本质上的区别

 

注意事项:
1. 无论单引号或是双引号必须成对使用
2. 单引号/双引号可以互相嵌套,但是不以自已嵌套自已(口诀:外双内单,或者外单内双)
3. 必要时可以使用转义符 \,输出单引号或双引号

 字符串拼接

模板字符串  

. 作用
拼接字符串和变量
在没有它之前,要拼接变量比较麻烦
符号
``(反引号)
内容拼接变量时,用 ${} 包住变量

布尔类型(boolean)  

有两个固定的值 true 和 false,表示肯定的数据用 true(真),表示否定的数据用 false(假)
未定义类型(undefined)
只声明变量,不赋值的情况下,变量的默认值为 undefined,一般很少【直接】为某个变量赋值为
undefined

null(空类型)

null 和 undefined 区别:
1. undefined 表示没有赋值
2. null 表示赋值了,但是内容为空

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
第一篇 JavaScript入门篇 第1章 初步了解JavaScript 1.1 JavaScript是什么 1.2 JavaScript能做什么 1.2.1 表单数据合法性验证 1.2.2 页面特效 1.2.3 交互式菜单 1.2.4 动态页面 1.2.5 数值计算 1.3 JavaScript编程起步 1.3.1 “Hello World!”程序 1.3.2 选择JavaScript脚本编辑器 1.4 如何引入JavaScript脚本代码 1.4.1 通过<script>与</script>标记对引入 1.4.2 通过<script>标记的src属性引入 1.4.3 通过JavaScript伪URL引入 1.4.4 通过HTML文档事件处理程序引入 1.5 嵌入JavaScript脚本代码的位置 1.5.1 在<head>与</head>标记对之间放置 1.5.2 在<body>与</body>标记对之间放置 1.5.3 在两个标记对之间混合放置 1.6 选择合适的浏览器 1.7 处理不支持JavaScript脚本的情况 1.7.1 使用<!——和——>标记对直接屏蔽法 1.7.2 使用<noscript>和</noscript>标记对给出提示信息 1.8 本章小结 1.9 本章习题 第2章 JavaScript编程的语言基础 第3章 JavaScript事件处理 第4章 JavaScript基于对象编程 第5章 文档对象模型(DOM) 第6章 String、Math、Array等数据对象 第7章 Window及相关顶级对象 第8章 Document对象 第9章 HTML元素对象 第二篇 JavaScript进阶篇 第10章 正则表达式 第11章 客户端与服务器端通信 第12章 JavaScript与Ajax技术 第13章 JavaScript错误与异常处理 第三篇 JavaScript实例篇 第14章 JavaScript与插件通信 第15章 JavaScript常用特效收集

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值