JS基础知识点大汇总_js基础知识点总结-程序员宅基地

技术标签: java  

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,…){函数体};

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/wth33/article/details/109686801

智能推荐

字典树-程序员宅基地

文章浏览阅读105次。4189 字典题目描述最经,skyzhong得到了一本好厉害的字典,这个字典里整整有n个单词(1<=n<=200000)现在skyzhong需要在字典里查询以某一段字母开头的单词如:skyzhong想查询a那么只要是a开头的单词就可以了skyzhong只想知道里面有没有这一个单词(因为没有他就不查了)若有,请输出YES。若没有,请输出NO输入描述..._字典树

【密码学基础】01 密码学基本概念-程序员宅基地

文章浏览阅读5.9k次,点赞10次,收藏53次。密码学基础系列课程第一弹:密码学基本概念_密码学基本概念

java的lazylist的create_java-如何正确使用GreenDao LazyList处理大量数据并进行排序和过滤...-程序员宅基地

文章浏览阅读373次。我正在尝试在android listview中实现分页.背景:我通过网络服务下载了约6万个数据集,并使用GreenDao将其保存到SQLite数据库中.现在,我想在ListView中访问此60k行,然后选择一些(0-10).所选项目将发送到仅包含所选内容的另一个ListView.所有60k条目的db条目约为3 MB.已实施的内容:> SQLite数据库> DAO>列表视图>..._greendao listlazy

TreeSet案例(使用Comparator)比较器_在不使用匿名内部类实现定制排序-程序员宅基地

文章浏览阅读242次。TreeSet案例要求:根据字符串长度进行排序使用Comparator接口进行定制排序规则因为Comparator接口不能被new,所以通过匿名内部类实现排序规则的定制注意:如果不使用匿名内部类,而是通过元素对象类型来实现定制排序规则的接口,则通过元素对象的类来实现Comparable接口,通过重写Comparable接口的compareTo()方法来定制排序规则代码实现/** * TreeSet案例 * 要求:使用TreeSet集合实现字符串按照长度进行排序 * Comparator接口_在不使用匿名内部类实现定制排序

selenium 获取http页面请求信息状态码-程序员宅基地

文章浏览阅读3.9k次。2019独角兽企业重金招聘Python工程师标准>>> ..._python selenium http code

腾讯二次创业:ToB背后的云起十年|钛媒体深度-程序员宅基地

文章浏览阅读1.7k次。关注ITValue,看企业级最新鲜、最价值报道!▎这一次,腾讯找到ToB的正确姿势了吗?我们在什么时候会用到腾讯?聊天打开微信的时候,玩儿《王者荣耀》的时候,还是用腾讯视频追剧刷爱豆..._腾讯toc业务的变化十年

随便推点

使用matlab及verilog完成RGB到YCbCr的图片转码及验证_matlab rgb2ycrcb-程序员宅基地

文章浏览阅读849次。使用matlab及verilog完成RGB到YCbCr的图片转码及验证_matlab rgb2ycrcb

Python入门100题之005:整数排序_整数排列代码-程序员宅基地

文章浏览阅读169次。题目:输入三个整数x,y,z,这三个数由小到大输出。视频教程:Python入门100题之005:整数排序代码1:l = []for i in range(3): x = int(input('输入一个数:')) l.append(x)l.sort()print(l)代码2:# 同一行内输入line = input('输入3个数(空格分隔):')l = line.split(' ')for i, item in enumerate(l): _整数排列代码

精美图文带你掌握JVM 内存布局-程序员宅基地

文章浏览阅读197次。点击上方蓝色“石杉的架构笔记”,选择“设为星标”回复“PDF”获取独家整理的学习资料!长按扫描上方一元购买来源:https://ricstudio.top/archives/jvmme..._画一张jmm内存区域分布图

DNS主从服务配置-程序员宅基地

文章浏览阅读1.2k次。环境准备一台RHEL7 DHCP 和 DNS服务器(192.168.10.10)一台RHEL8 DHCP从服务器(192.168.10.12)一台RHEL7 Apache服务器(192.168.10.15)一台客户端测试机(Windows 10)一、RHEL7 DHCP服务器安装配置安装DHCP软件[root@rhel7-01 ~]# yum -y install dhcp安装完DHCP软件后,配置dhcpd.conf文件#复制dhcpd.conf.example模板文件到/etc/

基于OSG 和FCL 的碰撞仿真_osg 碰撞检测-程序员宅基地

文章浏览阅读1.7k次,点赞3次,收藏26次。前期使用osg 结合bullet 实现,但是项目中涉及到点云的碰撞,没有找到bullet如何实现点云的碰撞,因此放弃了bullet。而FCL对点云的碰撞支持很好,所以果断选择FCL。FCL碰撞检测流程与bullet基本相似,构造集合体,设置位姿矩阵,我们以box为例。FCL支持三角面的碰撞检测,因此可以将所有OSG 的node转为三角面 进行检测。首先将点云转成pcl的点云 格式,然后可以直接构造出fcl实体。点云的碰撞 使用了一种叫做八叉树的算法。(2),更新位姿矩阵。_osg 碰撞检测

背包问题力扣总结_背包客 力扣-程序员宅基地

文章浏览阅读1.6k次。本文是基于背包问题的总结,不涉及背包问题基础的理论讲解,若没有了解过背包问题的同学可自行了解。背包问题可谓是动态规划非常经典的问题,完整的背包问题有很多种变形,但是在力扣当中,最主要的还是01背包以及完全背包。因此,弄透01背包与完全背包,对我们应对大部分面试还是足够的。总结如下:背包问题大总结:一 01背包(元素不重复)求最大装多少(要么放物品,要么不放物品,注意遍历背包容量要从大到小) for(int i=0;i<nums.length;i++){ //代表物品,._背包客 力扣

推荐文章

热门文章

相关标签