JS基础知识点大汇总

JavaScript基础知识汇总

1、js的简介
JavaScript 是⼀种客户端脚本语⾔（脚本语⾔是⼀种轻量级的编程语⾔，语法和java类似。
JavaScript 通常被直接嵌⼊ HTML ⻚⾯，由浏览器解释执⾏
JavaScript 是⼀种解释性语⾔（就是说，代码执⾏不进⾏预编译）。
特点：弱类型和基于对象。(因为⾯向对象需要具有封装、继承、多态的特征)
JavaScript语⾔中包含三个核⼼：ECMAScript基本语法、DOM、BOM

2、前端Web技术的组成
HTML、CSS、JavaScript
1)HTML是⼀种标记语⾔，⽤来结构化我们的⽹⻚内容并赋予内容含义，例如定义段落、标题和数据表，或在⻚⾯中嵌⼊图⽚和视频。
2)CSS 是⼀种样式规则语⾔，可将样式应⽤于 HTML 内容，例如设置背景颜⾊和字体，在多个列中布局内容。
3)JavaScript 是⼀种脚本语⾔，可以⽤来创建动态更新的内容，控制多媒体，制作图像动画，还有很多。

3、js的使用方法
可以像添加CSS那样将 JavaScript 添加到 HTML ⻚⾯中。CSS 使⽤元素链接外部样式表，使⽤

<script type="text/javascript" src="my.js"></script>

4、JS的基础语法
1）JS的输出：常用的方式有两种：
document.write() ⽅法将内容写到 HTML ⽂档中
console.log() 写⼊到浏览器的控制台
还有两种不经常使用
window.alert() 弹出警告框
innerHTML 写⼊到 HTML 元素

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>JavaScript实例</title></head><body><h3>测试JavaScript的输出</h3><div id="did">div层</div></body><script>//弹出⼀个信息提示框window.alert("Hello JavaScript!");//输出到浏览器⻚⾯中document.write("这个是⻚⾯中的输出");//通过写⼊HTML标签中，完成⻚⾯中的输出document.getElementById('did').innerHTML="div层中的输出";//控制台上的输出console.log("控制台上的输出");</script>
</html>

2）变量的声明，命名规则和规范
使⽤var声明变量；

命名规则：
由字⺟、数字、下划线、$符号组成，不能以数字开头
不能是关键字和保留字，例如：for、 if、while。
区分⼤⼩写
命名规范：
变量名必须有意义，最好见名知意。
遵守驼峰命名法。⾸字⺟⼩写，后⾯单词的⾸字⺟需要⼤写。例如：userName、userPassword

语句的注释
脚本注释： // 单⾏注释和 /* 多⾏注释 */

5 JS中的数据类型
和JAVA语言类似，分为基本数据类型和引用数据类型
值类型(基本类型)：
字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。
注意：Symbol 是 ES6 引⼊了⼀种新的原始数据类型，表示独⼀⽆⼆的值。
引⽤数据类型：对象(Object)、数组(Array)、函数(Function)。

利用typeof操作符获取一个变量的类型
undefined - 如果变量是 Undefined 类型的
boolean - 如果变量是 Boolean 类型的
number - 如果变量是 Number 类型的 (整数、浮点数)
string - 如果变量是 String 类型的（采⽤""、 ‘’）
object - 如果变量是⼀种引⽤类型或 Null 类型的如： new Array()/ new String()…
function – 函数类型

typeof "zhangsan" // 返回 string
typeof 3.14 // 返回 number
typeof NaN // 返回 number
typeof true // 返回 boolean
typeof [10,20,30,40] // 返回 object
typeof {name:'lisi', age:20} // 返回 object
typeof new Date() // 返回 object
typeof function(){} // 返回 function
typeof myCar // 返回 undefined (如果 myCar 没有声明)
typeof null // 返回 object

类型转换
JavaScript 变量可以转换为新变量或其他数据类型：

ECMAScript 中可⽤的 3 种强制类型转换如下：Boolean(value) - 把给定的值转换成 Boolean 型；Number(value) - 把给定的值转换成数字（可以是整数或浮点数）；String(value) - 把给定的值转换成字符串；使⽤：Number（）、parseInt() 和parseFloat（） 做类型转换Number()强转⼀个数值(包含整数和浮点数)。*parseInt()强转整数，*parseFloat（）强转浮点数函数isNaN()检测参数是否不是⼀个数字。 is not a number

6 JS中的运算符
主要通过运算符优先级的高低来了解所有常见的运算符

优先级从⾼到底
1. () 优先级最⾼
2. ⼀元运算符 ++ -- !
3. 算数运算符 先 * / % 后 + -
4. 关系运算符 > >= < <=
5. 相等运算符 == != === !==
6. 逻辑运算符 先 && 后||
7. 赋值运算符 = += -= *= /= %=

7 JS流程控制
在任何⼀⻔程序设计语⾔中，都需要⽀持满⾜程序结构化所需要的三种基本结构:
顺序结构
分⽀结构（选择结构）
循环结构
1）分支语句
if 语句 - 只有当指定条件为 true 时，使⽤该语句来执⾏代码
if…else 语句 - 当条件为 true 时执⾏代码，当条件为 false 时执⾏其他代码
if…else if…else 语句 - 使⽤该语句来选择多个代码块之⼀来执⾏
switch…case 语句（不写break会有穿透的效果）- 使⽤该语句来选择多个代码块之⼀来执⾏
2）循环结构
for - 循环代码块⼀定的次数
for/in - 循环遍在这里插入代码片历对象的属性（举例讲解）

var ob = {"name":"张三","age":22,"sex":"男"};
//遍历对象ob中的每个属性
for(key in ob){//输出属性和对应的属性值console.log(key+":"+ob[key]);
}
/*
//输出结果：
name:张三
age:22
sex:男
*/

while - 当指定的条件为 true 时循环指定的代码块
do/while - 同样当指定的条件为 true 时循环指定的代码块

循环中的 break break 和 continue continue 语句
break 语句⽤于跳出循环。
continue ⽤于跳过循环中的⼀个迭代。

8 JS函数
函数（function）是⼀段完成指定任务的已命名代码块。函数可以遵照给它的⼀组值或参数完成特定的任务，并且可能返回⼀个值。

函数的优越性：
控制程序设计的复杂性
提⾼软件的可靠性
提⾼软件的开发效率
提⾼软件的可维护性
提⾼程序的重⽤性
常见的三种定义函数方法
1）function 函数名（[参数列表…]）{
函数体。。。
[return 返回值;]
}
2）使⽤Function()构造函数来定义函数
3）var 函数名 = function(参数1，参数2，…){函数体};

JS基础知识点大汇总相关推荐

java重要基础知识点_必看 | 新人必看的Java基础知识点大梳理
原标题:必看 | 新人必看的Java基础知识点大梳理各位正在认真苦学Java的准大神,在这烈日炎炎的夏季里,老九君准备给大家带来一个超级大的"冰镇西瓜,"给大家清凉一下,压压惊. ...
JS 基础知识点及常考面试题（一）
JS 基础知识点及常考面试题(一) 原始(Primitive)类型涉及面试题:原始类型有哪几种?null 是对象嘛? 在 JS 中,存在着 6 种原始值,分别是: boolean null unde ...
JS 基础知识点及常考面试题（二）
JS 基础知识点及常考面试题(二) 涉及面试题:== 和 === 有什么区别? 对于 == 来说,如果对比双方的类型不一样的话,就会进行类型转换,这也就用到了我们上一章节讲的内容. 假如我们需要对比 ...
java基础教程知识点,[Java教程]js基础知识点总结
[Java教程]js基础知识点总结 0 2016-11-01 21:00:04 如何在一个网站或者一个页面,去书写你的js代码: 1.js的分层(功能):jquery(tool) 组件(ui) 应用( ...
Web前端入门学习之JS基础知识梳理汇总
Web前端工程师是当前各大企业都比较稀缺的人才,薪资待遇和就业前景都很不错.不论是专业还是非专业,有基础亦或是无基础,都想通过学习Web前端实现高薪就业. 不过,学习要一步一个脚印,不能一口吃一个胖子 ...
前端学习——JS基础知识点复习
一. JS复习 1.1 如何使用JS HTML标签内使用JS,要求写在onclick等事件属性或者href属性中(不推荐使用) 页面中的script标签内可以直接写JS代码 script标签的src属 ...
JS 基础知识点与高频考题解析
变量类型 1,介绍js的基本数据类型. Undefined.Null.Boolean.Number.String 2,类型判断用到哪些方法? typeof typeof xxx得到的值有以下几 ...
面试必会系列 - 2.1 MySQL知识点大汇总（基本架构，存储引擎，锁，事务，索引，B+树等等）
本文已收录至 Github(MD-Notes),若博客中图片模糊或打不开,可以来我的 Github 仓库,包含了完整图文:https://github.com/HanquanHq/MD-Notes,涵 ...
先收藏！关于Java类、接口、枚举的知识点大汇总
摘要:Java知识点精选之类.接口.枚举30问,算是比较基础的,希望大家一起学习进步. 整理了一些JAVA语言的在类.接口.枚举等方面的知识点以及大家常遇到的问题.希望能帮助到大家. Q: 各修饰符所 ...
web3.js基础知识简单汇总
使用JavaScript 来开发 DApp时,很多时候需要使用到 web3.js.当然,也可以选择使用ethers.js web3基础知识和社区术语: Web3:web3.js 是一个库集合,可以使用 ...

JS基础知识点大汇总

JS基础知识点大汇总相关推荐

最新文章

热门文章