一、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语言基础知识的更多相关文章

  1. JavaScript语言基础知识1

    我们想知道什么JavaScript.首先,我们必须知道JavaScript有什么特点? JavaScript究竟是什么?它是一种基于对象而且具有安全性的脚本语言,对.它是脚本语言.所以它有下面特点: ...

  2. JavaScript语言基础知识8

    这篇文章是对前面学习的知识进行总结: 1.JavaScript支持多种数据类型,如数值类型.字符串类型.布尔类型等. 2.在JavaScript中,字符串是用引號括起来的字符系列,转义字符能够用来表示 ...

  3. JavaScript语言基础知识6

    在前面的章节中,我们知道JavaScript代码,字符和数字值当添加,将计值转换成字符,即用户输入的数目值它们被转换为字符. 如今我们要做这种样例,我想将1和2相加: <HTML> < ...

  4. JavaScript语言基础知识10

    JavaScript中间if声明: <span style="font-size:18px;"><HTML> <HEAD> <TITLE& ...

  5. JavaScript语言基础知识7

    JavaScript该阵列是一个新概念. 我们可以使用newkeyword和Array()构造函数来解释 排列: <HTML> <HEAD> <TITLE>Hell ...

  6. JavaScript语言基础知识11

    JavaScript字符的比较. 在接下来的学习内容的开始,我们先来看一下alert()此功能,它是一个消息框. OK,接下来正式介绍代码: <HTML> <HEAD> < ...

  7. 快速掌握JavaScript面试基础知识(三)

    译者按: 总结了大量JavaScript基本知识点,很有用! 原文: The Definitive JavaScript Handbook for your next developer interv ...

  8. 快速掌握JavaScript面试基础知识(二)

    译者按: 总结了大量JavaScript基本知识点,很有用! 原文: The Definitive JavaScript Handbook for your next developer interv ...

  9. javascript的基础知识及面向对象和原型属性

    自己总结一下javascript的基础知识,希望对大家有用,也希望大家来拍砖,毕竟是个人的理解啊 1.1 类型检查:typeof(验证数据类型是:string) var num = 123; cons ...

随机推荐

  1. Aurora学习笔记连载一:仿真平台搭建

    由于公司项目需要,需要学习Aurora协议,才有了这样的连载学习笔记,也算是对自己学习的一份记录吧. 对于Aurora是什么,大家自行百度. 当然,Kevin也在此先提醒大家,本套学习笔记不是你想学就 ...

  2. 摄像头驱动_摄像头驱动程序必需的11个ioctl及摄像头数据的获取过程

    摄像头驱动_摄像头驱动程序必需的11个ioctl及摄像头数据的获取过程 根据虚拟驱动vivi的使用过程彻底分析摄像头驱动// 1~2都是在v4l2_open里调用1. open2. ioctl(4, ...

  3. RGB格式等比例缩放

    原理为:将原始图像的每个像素通过一个比例关系式映射到相应的位置. /* lrgb: input 24bits rgb buffer srgb: output 24bits rgb buffer wid ...

  4. Ionic学习笔记4_ionic路由(页面切换)

    1.1.  ionic路由机制: 状态 1.2.  ion-nav-view <body ng-controller="firstCtrl"> <a class= ...

  5. html 标签 图片

    <img src="e:/image/a.png"/> 在html中,图片是一个字符. <img src=" e:/image/a.png" ...

  6. 5.25思考双向绑定为什么容易接收js的方式

    一直在考虑为什么html上面的双向绑定好像比winform上面的好用. 那是因为html可以输入任意的东西,不会有问题.而winform不行.这样导致了.html可以比较直观的处理这类需求. 举个例子 ...

  7. 大数据(5) - HDFS中的常用API操作

    一.安装java 二.IntelliJ IDEA(2018)安装和破解与初期配置 参考链接 1.进入官网下载IntelliJ IDEA https://www.jetbrains.com/idea/d ...

  8. es6中顶层对象属性≠全局属性

    先思考一下下面代码的输出结果是什么 const a = { x:1, fn:()=>this.x+=1 } const x = 1 a.fn() console.log(a.x,x) 正确答案为 ...

  9. c#文件路径的获取

    string fullPath = @"\WebSite1\Default.aspx"; string filename = System.IO.Path.GetFileName( ...

  10. setTimeout里无法调用鼠标事件的event

    问题的由来是下面这段代码: middleOnmouseLeave: function (event) { setTimeout(function () { event.currentTarget.st ...