• javascript的基本语法


    1. HTML里面加入JavaScript

    方法非常简单,就是通过成对的script标签,然后在script标签里面书写我们的JS代码

    2. 标签位置

    按照官方的说法,js代码写在HTML文档的任意位置都可以。按照传统的方法。就是写在head标签里面:

    但是写在这里有一个问题:由于我们的页面在浏览器中呈现的时候是由上往下进行渲染的。这样会导致呈现页面的时候出现延迟,从而给用户呈现一片空白,用户体验不好。所以,现在的方法,script都是放在body的里面,元素的后面

    3. 外部JS文件

    ① 符合web标准,结构,样式与行为进行相分离

    ② 可维护性高

    ③ 可以缓存:例如有两个HTML文件(AB)都是用到同一个JS文件。当用户请求A页面的时候,A页面的HTMLJS被下载到用户本地。当用户再次请求B页面的时候,只需要下载B页面的HTML文档,因为JS文件已经有了。

    4. JavaScript语法

    1JavaScript区分大小写

    testTest不是同一个东西

    2)标识符

    JavaScript里面的标识符由数字,字母,下划线(_)还有$组成,不能以数字开头

    3JavaScript注释

    支持单行和多行注释

    4)关键字

    所谓关键字:就是系统定义好了的,有特殊功能的标识符。我们不能够使用关键字来作为我们的标识符

    保留字:就是储备干部。所谓保留字,就是还没有正式成为关键字,但是在下一个版本有可能成为关键字的标识符。我们也不能用保留字来作为我们的标识符

    5)变量

    JavaScript是弱类型语言,在申明变量的时候不需要申明数据类型, 只需要一个var就可以了。

    6JavaScript里面的数据类型

    JavaScript支持5种简单的数据类型:undefinednullnumberstringboolean

    undefined:表示一个变量定义了但是没有赋值

    弹出undefined

    null:表示一个空的对象。事实上我们的undefined就是从null上派生而来的。

    boolean:布尔类型

    布尔类型的值只有两个:truefalse。这两个值是区分大小写的

    number类型:这个数据类型包含整数和实数还有,NaN

    整数:分为正整数和负整数

    八进制一般以0开头,十六进制一般以0x开头

    无论几进制,参与运算后都以十进制输出

    输出效果:

    实数:所谓实数,通俗的来讲,就是小数,又被称之为浮点数。我们的浮点数有两种表现方式:小数型,科学计算型

    数值范围:由于我们的内存有限,所以不可能保存所有的数

    如果超出我们JavaScript所支持的数值范围,则会变成无穷大(infinity)或者无穷小(-infinity

    效果:

    NaN:英语全称为Not a number:表示不是一个数

    ① 任何一个数和NaN进行操作的话,返回的会是NaN

    最终输出NaN

    NaN与任何值都不相等,包括它自己本身

    isNaN():判断一个数是否不是一个数

    数值转换的3个函数:number()parseInt(),parseFloat()

    number():会将一个非数值转换为数值

    如果是一个布尔值,要么被转换为1,要么被转换为0

    如果是数字,该是多少就是多少

    如果是一个null,会被转换为0

    如果是一个undefined,会被转换为NaN

    字符串转数字:

    如果字符串里面只包含数字,那么会被转为十进制

    如果字符串为空,将会被转换为0

    如果字符串有字母:那么将会被转换为NaN

    如果字符串是八进制,那么会忽略前面的0,但是如果是十六进制,那么会转为相应的十进制。

    parseInt():该函数会更多的看是否有数字,有的话就被转换为数字。如果字符串为空,转换为NaN,还有一点,如果是3.14,那么会将其转换为3

    事实上parseInt()接收两个参数,第二个参数指定将其转换为几进制

    示例二:

    parseFloat():该函数只能解析10进制,所以没有第二个参数。会将带有小数点的字符串转为小数。

    string数据类型:就是我们的字符串数据类型

    1)在JavaScript里面,字符串可以使用双引号,也可以使用单引号,没有任何区别。

    2)如果字符串里面本身就含有单引号或者双引号,那么外层就需要和里面的相反

    当然我们也可以使用转移字符,如下:

    字符串数据类型非常的霸道,任何数据类型和字符串一相加,最终得到字符串数据类型

    最终得到的肯定是string数据类型

    还有一种方法也可以将其他数据类型转换为string,通过toString()toString()这个函数是转换nullundefined以外的数据类型。

    最终也会被转换为string数据类型

    toString()可以接受两个参数,可以指定将数值转换为多少进制

    String()函数:可以将5种数据类型都转换为字符串数据类型。

    运算符

    ① 一元运算符

    只能操作一个值得操作符就是一元运算符。自增自减就是典型的一元运算符。

    a++a--)和++a--a)的区别

    a++:先参与运算,然后再自增1

    ++a:先自增1,然后再参与运算

    JavaScript里面,自增和自减并不能仅仅局限于数值,其他类型也可以。

    1)如果一个字符串包含有效数字,那么先将其转换为数字,然后再执行加1或者减1的操作。字符串变量变为了数值数据类型。

    2)如果字符串里面包含有字母,那么将变量的值转换为NaN,字符串变量变为数值数据类型

    3)遇到布尔值false时,转换为0

    4)布尔值true的时候,转换为1

    5)如果是浮点数,那么计算和数学是一样的

    ② 布尔运算符

    1)非

    非真即假,非假即真

    2)与,用两个&&来表示与,在JavaScript里面,&&存在短路现象。所谓短路现象,就是当第一个操作数(表达式)为假的时候,就不会再对第二个操作数(表达式)进行判断。

    与操作符不一定返回真假,如果两个都为真,会返回第二个操作数

    1. 如果第一个操作数是null,则返回null

    2. 如果第一个操作数是NaN,则返回NaN

    3. 如果第一个操作数是undefined,则返回undefined

    3)或,或操作符用||来表示。或也存在短路现象。也就是说,如果第一个操作数(表达式)是真,那么就不会再去判断第二个操作数(表达式)

    或的返回值是真的那个值,如果两个都为真,那么返回第一个操作数

    1. 如果有真的,那么返回真

    2. 如果两个都为真,则返回第一个操作数

    3. 如果两个数都是null,则返回null

    4. 如果两个数都是NaN,则返回NaN

    5. 如果两个数都是undefined,则返回undefined

    ③ 乘性运算符

    1)乘法

    2)除法

    JavaScript里面的除法可以得到小数

    这一点和C语言不一样,需要注意!

    3)取模

    所谓取模,就是取余数

    一个数对比自己大的数取模,才会得到自己本身

    ④ 加性运算符

    1)加法

    加法需要着重强调:如果是普通数相加,那么就是简单的数值相加,但是如果是字符串相加,则表示字符串拼接

    2)减法

    普通的减法操作。但是需要注意:JavaScript里面会自动的进行数据类型转换

    ⑤ 关系运算符

    大于小于,大于等于,小于等于

    字符串的关系比较:是按照ASCII码来进行比较的

    一个是数字,一个是字符串:

    如果是含有有效数字的字符串,那么首先会将字符串转换为数字,如果不是有效的字符串(包含了字母)那么会将其转换为NaN

  • 相关阅读:
    redis info命令中各个参数的含义
    mogndb 慢查询
    一分钟看懂Docker的网络模式和跨主机通信
    解决Nginx出现403 forbidden (13: Permission denied)报错的四种方法
    dva学习---effects异步中通过select获取当前的state
    golang json数组拼接
    golang mongodb查找find demo
    React从入门到精通系列之(14)refs和DOM元素
    选择——ERP信息系统选型
    企业库存资产的帐实管理思考
  • 原文地址:https://www.cnblogs.com/jiafangfang/p/6624194.html
Copyright © 2020-2023  润新知