欢迎访问 生活随笔!

ag凯发k8国际

当前位置: ag凯发k8国际 > 前端技术 > javascript >内容正文

javascript

js重点语法及常用对象总结 -ag凯发k8国际

发布时间:2024/10/14 javascript 41 豆豆
ag凯发k8国际 收集整理的这篇文章主要介绍了 js重点语法及常用对象总结 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

1.js简介
2.js三种引入方式
        外部引用法
        内部引用法
        元素属性引用
3.js语法基础
        数据类型
        特殊运算符
        数据类型转换
        对象的创建与使用
4.js函数
        函数定义
        函数调用
        隐形参数
5.常用内置对象
        字符串对象
        数组对象
        时间对象
        数学对象

2.1外部引用法(推荐)

外部javascript,指的是把html代码和javascript代码单独放在不同文件中,然后在html文档中使用“script标签”来引入javascript代码

当一个script标签作为一个引入外部文件的标签那么就不能再在标签里边写js语句

2.2内部引用法

内部javascript,指的是把html代码和javascript代码放在同一个文件中。

2.3元素属性引用

元素属性引用,指的是在元素的“事件属性”中直接编写javascript或调用函数。

3.1变量


给变量取名字我们必须注意

1 . 变量由字母、下划线、$或数字组成,并且第一个字母必须是字母、下划线或 $
2. 变量不能是系统关键字和保留字

3.1数据类型
  • 数字类型(number):这里是不区分整形和浮点型的
  • 字符串(string):可用单引号,也可用双引号。单引号包含的字符串中能含有双引号,但是不能含有单引号。同样的双引号包含的字符串中能含有单引号,但是不能含双引号。因为js是无法判断哪两个引号是一对
  • 布尔值(boolean):只有两个值true和false
  • 未定义值:我们虽然定义一个变量,但是没有赋值那么这个变量就变成未定义值了,用undefined表示
  • 空值:null表示没给这个变量分配内存空间
  • 引用数据类型下面会讲,还有一个特殊值nan表示非数字,看下面的例子
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200620122213946.png?x-oss-process=image/watermark,type_zmfuz3pozw5nagvpdgk,shadow_10,text_ahr0chm6ly9ibg9nlmnzzg4ubmv0l3fxxzq1nzm3mdy4,size_16,color_ffffff,t_70

    3.2特殊运算符
    符号作用
    ==判断是否相等(表面)
    ===判断是否相等(本质)

    怎么理解呢,看下面代码

    运算符返回值
    &&1.当表达式全为真的时候返回最后一个表达式的值。2.当表达式有一个为假时返回第一个为假的表达式
    || 1.当表达式全为假时,返回第一个为假的表达式。2.只有一个表达式为真就会返回第一个为真的表达式
    3.3数据类型的转换

    将字符串转换成数字

    方法作用
    number()把字符串转换成数字(只能是纯数字式字符串如"123")
    parseint()对字符串从左到右遍历如果第一个字符是数字(或者 -)就继续判断,直到非数字出现(小数点也是非数字),如果第一个字符不是数字(或者 -)则返回nan
    parsefloat()对字符串从左到右依次遍历如果第一个字符是数字(或者 -)就继续判断,直到出现非数字和小数点为止,如果第一个字符不是数字(或者 -)则返回nan

    数字转换成字符串

    方法作用
    数字和空字符串相加把数字转换成字符串
    tostring()直接把数字转换成字符串
    3.4对象的创建和使用

    1.创建对象的两种方式:

    4.1函数的两种定义方式

    1.第一种2.第二种

    4.2函数的四种调用方式
  • 直接调用
  • 在表达式中调用
  • 在超链接中调用
  • 在事件中调用
  • 超链接调用例子:

    在事件中调用的例子:

    注意在js中函数是不允许重载的只能覆盖

    4.3函数的隐形参数

    我们看一个例子:

    虽然我们的函数里边只有两个参数,但是我们调用的时候可以传递很多参数,那是因为js里边默认吧参数规划到一个隐形的数组中(arguments),我们不管传进去多少参数,都会存在这里边。这就是js的隐形参数

    5.1字符串对象string
    常用函数作用
    字符串名.length获取字符串长度
    字符串名.touppercase()把字符串全部转换成大写
    字符串名.tolowercase()把字符串全部转换成小写
    字符串名.chatat(n)获取某一个字符
    字符串名.substring(start,end)截取字符串左闭右开,即包含start索引不包含end索引
    字符串名.replace(原字符串,替换字符串)替换指定字符串(如果原字符串有多个那么只会替换第一个)
    字符串名.replace(正则表达式,替换字符串)替换指定字符串(不管原字符串有多少,全部替换)
    字符串名.split(“分割符”)分割字符串(下面有例子)
    字符串名.indexof(指定字符串)返回首次出现指定字符串的索引下标否则返回-1
    字符串名.lastindexof(指定字符串)返回最后一次出现指定字符串的索引下标否则返回-1

    对于字符串名.split("分割符"),例子1:


    例子2:
    例子3:
    其实字符串名.split(参数1,参数2)可以有两个参数,参数1代表分隔符,参数2代表分割之后的前n个元素,例子4

    5.2数组对象

    js的数组是可以存放不同数据类型的元素的,如下:

    常用函数

    数组名.length数组长度
    数组名.slice(start,end)截取数组部分内容,同样是左开右闭
    数组名.slice(start)截取从索引start开始的所有元素
    数组名.unshift(元素1,元素2,元素3…)在数组开头添加新的元素
    数组名.push(元素1,元素2,元素3…)在数组尾部添加新的元素
    数组名.shift()删除数组中的第一个元素
    数组名.pop()删除数组最后一个元素
    数组名.sort(函数名)排序(详细会在下面的例子中讲)
    数组名.reverse()颠倒数组顺序
    数组名.join()将数组元素连接成字符串

    数组名.slice(start,end):截取数组例子:

    数组名.sort(函数名):函数名是定义某种排序规则,例子:

    数组名.join()将数组元素连接成字符串,默认的join函数是以,作为连接符,当然连接符也就可以自定义,如下:
    例1:


    例2:

    使用unshift(),push(),shift(),pop()四个方法都会获得一个新的数组

    5.3时间对象
    对象常用方法说明
    getfullyear()获取年份,取值为四位数字
    getmonth()获取月份取值为0(1月份)~11(12月份)之间的整数
    getdate()获取日数,取值为0~31
    gethours()获取小时数,取值为0~23
    getminutes()获取分钟数,取值为0~59的整数
    getseconds()获取秒数,取值为0~59
    setfullyear()可设置年月日
    setmonth()可设置日月
    setdate()可设置日
    sethours()可设置时分秒毫秒
    setminutes()分秒毫秒
    setseconds()设置秒毫秒
    getday()获取星期几

    1.操作年月日


    2.操作时分秒

    >我们在设置年月日时分秒的时候,比如sethours(12,10,30)其实后两个参数(设置分秒是可选的,但是第一个参数小时是必选的)

    3.获取星期几

    0表示星期日,1表示星期1…6表示星期6

    5.数学对象

    数学对象的属性

    math.属性:

    属性说明
    pi圆周率
    ln22的自然对数
    ln1010的自然对数
    log2e以2为低的e的对数
    log10e以10为低的e的对数
    sort22的平方根
    sort1_22的平方根的倒数

    math.方法:

    总结

    以上是ag凯发k8国际为你收集整理的js重点语法及常用对象总结的全部内容,希望文章能够帮你解决所遇到的问题。

    如果觉得ag凯发k8国际网站内容还不错,欢迎将ag凯发k8国际推荐给好友。

    网站地图