javascript语言基础知识
一、JavaScript语法的引入方式。
1、直接引入(在html的head中直接引入js语法)
<script> js语法 </script>
2、导入文件(以导入文件的方式来引入语法)
<script src="文件路径"></script>
二、JavaScript的变量常量和标识符。
1、js中变量的声明方式
1.1声明一个变量:var 变量名=变量值;
1.2声明多个变量:var 变量名1=变量值1 ,变量名2=变量值2,变量名3=变量值3;
1.3注意:js是以分号作为一条语句的分隔符,以var作为变量的声明,如果声明了一个变量但是没有给这个变量赋值那么就打印出undefind的错误。
1.4变量声明时可以不用var,但如果不用var该变量就是全局变量。
1.5变量怎么命名?
1.5.1首字符只能是字母,下划线,$美元符 三选一。
1.5.2余下的字符可以是下划线、美元符号或任何字母或数字字符.
1.5.3变量命名区分大小写,x与X是两个变量。
2、js中的常量和标识符
2.1什么是常量?
不会变化的量的值,比如说π
2.2什么是标识符?
2.2.1由不以数字开头的字母、数字、下划线(_)、美元符号($)组成。
2.2.2常用于表示函数、变量等的名称,即变量就是标识符但是标识符不一定是变量。
2.2.3JavaScript语言中代表特定含义的词称为保留字,不允许程序再定义为标识符。
三、JavaScript中的数据类型。
1、数字类型(number)
1.1 不区分整数类型和浮点数类型,统称为数字类型
1.2 所有数字都采用64位浮点格式存储
1.3 16进制数据前面加上0x,八进制前面加0;16进制数是由0-9,A-F等16个字符组成;8进制数由0-7等8个数字组成。
1.4 NAN值 属于Number类型: 当遇到将字符串转成数字无效时,就会得到一个Nan数据
2、字符串类型(srting)
2.1 是由Unicode字符、数字、标点符号组成的序列;字符串常量首尾由单引号或双引号括起;JavaScript中没有字符类型;常用特殊字符在字符串中的表达;
2.2 字符串中部分特殊字符必须加上右划线\;常用的转义字符 \n:换行 \':单引号 \":双引号 \\:右划线.
3、布尔类型(boolean)
3.1 Boolean类型仅有两个值:true和false,也代表1和0,实际运算中true=1,false=0
3.2 布尔值也可以看作on/off、yes/no、1/0对应true/false
3.3 Boolean值主要用于JavaScript的控制语句
4、 Null & Undefined类型
1、Undefined类型
1.1 Undefined 类型只有一个值,即 undefined。
1.2 当声明的变量没有值时,该变量的默认值是 undefined。
1.3当一个函数无明确返回值或者没有返回值时,返回的也是 "undefined";
2、Null类型
21 Null类型只要一个专用值 null,即它的字面量。值 undefined 实际上是从值 null 派生来的,因此 ECMAScript 把它们定义为相等的。
2.2 尽管这两个值相等,但它们的含义不同。undefined 是声明了变量但未对其赋值时赋予该变量的值,null 则用于表示尚未存在的对象。如果函数或方法要返回的是对象,那么找不到该对象时,返回的通常是 null。
四、JavaScript中的运算符
1、算术运算符: + - * / % ++ --
1.1注意:
1.2 加减号
1.2.1 减号除了可以表示减号还可以表示负号 例如:x=-y
1.2.2加号除了可以表示加法运算还可以用于字符串的连接 例如:
"abc"
+
"def"
=
"abcdef"
2、 比较运算符: > >= < <= != == === !==
2.1注意:
2.1.1静态类型语言 :一种在编译期间就确定数据类型的语言。Java 和 C 是静态类型语言。
2.1.2 动态类型语言 :一种在运行期间才去确定数据类型的语言.
2.1.3 强类型语言 :一种总是强制类型定义的语言。
2.1.4 弱类型语言: 一种类型可以被忽略的语言。
2.1.5 由于js是弱类型语言,所以用==来比较数据类型时会出现差错(js内部会进行类型转换),所以用===全等于符号来比较(告诉js内部不做类型转换)。
2.1.6 总结:
比较运算符两侧如果一个是数字类型,一个是其他类型,会将其类型转换成数字类型,如果转换无效那么会得到一个NaN的数据。
比较运算符两侧如果都是字符串类型,比较的是最高位的asc码,如果最高位相等,继续取第二位比较.
3、逻辑运算符: && || !
3.1 逻辑与(and) 、逻辑或(or)、非(not).
4、 赋值运算符: = += -= *= /=
4.1、与python相同。
5、 字符串运算符: + 连接,两边操作数有一个或两个是字符串就做连接运算。
五、JavaScript中的流程控制语句。
1、顺序执行
2、分支结构
2.1 if单分支
2.1.1 格式:if (判断条件){ 条件成立执行的程序1;条件成立执行的程序2;条件成立执行的程序3; }
else{ 条件不成立执行的程序1; 条件不成立执行的程序2;条件不成立执行的程序3;}
2.1.2 语法:
2.2 if多分支
2.2.1格式:if (判断条件) { 条件成立执行的程序; }else if(判断条件) { 条件成立执行的程序; }
else if (判断条件) { 条件成立执行的程序; } else{ 条件不成立执行的程序;}
2.2.2语法:
2.3、switch-case结构
2.3.1格式:switch (判断条件) { case 值1: 条件成立执行的程序;break;
case 值2: 条件成立执行的程序;;break;
case 值3: 条件成立执行的程序;break;
default: 条件都不成立执行的程序; }
2.3.2 语法:
3、循环结构
3.1 for循环
3.1.1for循环中的条件循环(相当于Python中的while)
格式: for(初始表达式(初始值);条件表达式;自增或自减) { 条件成立执行的程序 }
语法:
3.1.2 for循环中的遍历循环
格式:for( 变量名 in 数组或对象) { 执行语句}
语法:
3.2while循环
格式:while (判断条件) { 条件成立执行的程序;}
语法:
4、无论是fou循环还是whlie循环,当条件成立循环执行语句花括号{}内的语句,否则跳出循环;同样支持continue与break语句
5、异常处理
5.1 格式:
try { 运行的代码 }
catch (e) {抛出异常后运行此代码 ,e是一个局部变量,用来指向Error对象或者其他抛出的对象 }
finally { 无论try中代码是否有异常抛出(甚至是try代码块中有return语句),finally代码块中始终会被执行。 }
javascript语言基础知识的更多相关文章
- JavaScript语言基础知识1
我们想知道什么JavaScript.首先,我们必须知道JavaScript有什么特点? JavaScript究竟是什么?它是一种基于对象而且具有安全性的脚本语言,对.它是脚本语言.所以它有下面特点: ...
- JavaScript语言基础知识8
这篇文章是对前面学习的知识进行总结: 1.JavaScript支持多种数据类型,如数值类型.字符串类型.布尔类型等. 2.在JavaScript中,字符串是用引號括起来的字符系列,转义字符能够用来表示 ...
- JavaScript语言基础知识6
在前面的章节中,我们知道JavaScript代码,字符和数字值当添加,将计值转换成字符,即用户输入的数目值它们被转换为字符. 如今我们要做这种样例,我想将1和2相加: <HTML> < ...
- JavaScript语言基础知识10
JavaScript中间if声明: <span style="font-size:18px;"><HTML> <HEAD> <TITLE& ...
- JavaScript语言基础知识7
JavaScript该阵列是一个新概念. 我们可以使用newkeyword和Array()构造函数来解释 排列: <HTML> <HEAD> <TITLE>Hell ...
- JavaScript语言基础知识11
JavaScript字符的比较. 在接下来的学习内容的开始,我们先来看一下alert()此功能,它是一个消息框. OK,接下来正式介绍代码: <HTML> <HEAD> < ...
- 快速掌握JavaScript面试基础知识(三)
译者按: 总结了大量JavaScript基本知识点,很有用! 原文: The Definitive JavaScript Handbook for your next developer interv ...
- 快速掌握JavaScript面试基础知识(二)
译者按: 总结了大量JavaScript基本知识点,很有用! 原文: The Definitive JavaScript Handbook for your next developer interv ...
- javascript的基础知识及面向对象和原型属性
自己总结一下javascript的基础知识,希望对大家有用,也希望大家来拍砖,毕竟是个人的理解啊 1.1 类型检查:typeof(验证数据类型是:string) var num = 123; cons ...
随机推荐
- Aurora学习笔记连载一:仿真平台搭建
由于公司项目需要,需要学习Aurora协议,才有了这样的连载学习笔记,也算是对自己学习的一份记录吧. 对于Aurora是什么,大家自行百度. 当然,Kevin也在此先提醒大家,本套学习笔记不是你想学就 ...
- 摄像头驱动_摄像头驱动程序必需的11个ioctl及摄像头数据的获取过程
摄像头驱动_摄像头驱动程序必需的11个ioctl及摄像头数据的获取过程 根据虚拟驱动vivi的使用过程彻底分析摄像头驱动// 1~2都是在v4l2_open里调用1. open2. ioctl(4, ...
- RGB格式等比例缩放
原理为:将原始图像的每个像素通过一个比例关系式映射到相应的位置. /* lrgb: input 24bits rgb buffer srgb: output 24bits rgb buffer wid ...
- Ionic学习笔记4_ionic路由(页面切换)
1.1. ionic路由机制: 状态 1.2. ion-nav-view <body ng-controller="firstCtrl"> <a class= ...
- html 标签 图片
<img src="e:/image/a.png"/> 在html中,图片是一个字符. <img src=" e:/image/a.png" ...
- 5.25思考双向绑定为什么容易接收js的方式
一直在考虑为什么html上面的双向绑定好像比winform上面的好用. 那是因为html可以输入任意的东西,不会有问题.而winform不行.这样导致了.html可以比较直观的处理这类需求. 举个例子 ...
- 大数据(5) - HDFS中的常用API操作
一.安装java 二.IntelliJ IDEA(2018)安装和破解与初期配置 参考链接 1.进入官网下载IntelliJ IDEA https://www.jetbrains.com/idea/d ...
- es6中顶层对象属性≠全局属性
先思考一下下面代码的输出结果是什么 const a = { x:1, fn:()=>this.x+=1 } const x = 1 a.fn() console.log(a.x,x) 正确答案为 ...
- c#文件路径的获取
string fullPath = @"\WebSite1\Default.aspx"; string filename = System.IO.Path.GetFileName( ...
- setTimeout里无法调用鼠标事件的event
问题的由来是下面这段代码: middleOnmouseLeave: function (event) { setTimeout(function () { event.currentTarget.st ...