day5_js

作者: 逆流而上_2eb6 | 来源:发表于2018-11-02 17:51 被阅读0次

    1.js

    1.什么是js
    js是javascript的缩写。是一门专门用来处理网页中的行为的脚本语言,也是web中的行为标准;javascript和Java没有关系。
    2.在什么地方写js代码
    内联的:写在标签事件相关的属性中,onclick属性,属性值就是js代码。
    内部的js:写在script标签中的内容,script标签理论上是可以放在整个HTML文件的任意位置,但是一般放在head和body中。
    外部的:写在外部的js文件中,后缀是.js的文件,然后通过
    <script type="text/javascript" src="js/01js.js"> 导入
    3.js可以做什么
    js可以修改标签中的内容。
    可以修改标签的样式。
    插入HTML代码

    2.js语法

    1.注释:单行://;
    多行:/* */
    2.标识符:用来命名的。js中要求标识符由字母数字,下划线和$符组成,数字不能开头。
    3.打印:consol.log(内容) ;打印在控制台,网页中用检查查看控制台
    4.js中大小写敏感,js没有缩进的要求。
    5.常用数字类型:数字Number,布尔(Boolean),字符串(String),数组(Array),字典(Object),函数(Function)
    数字类型(Number):正数和小数,科学计数;不支持虚数
    布尔(Boolean):true和false
    字符串(String):支持单引号和双引号
    数组(Array):相对于python中的列表
    对象(Object):python中对象和字典的集合;{name:'hk',age:22}name,age是对象属性。
    函数(Function):

    function 函数名(){
        函数体
    }
    

    相关方法:
    typeof(数据) ----> 获取数据的类型:打印出来的类型是小写的
    转换:
    new 类型名(数据)-将数据转换成指定的类型
    特殊值:
    undefined:相当于python中的None
    null:用来清空变量
    声明变量
    var 变量名 ;var是js关键字。不赋值时默认值为undefined;
    变量名=变量值;
    命名规范:驼峰式命名。
    同时声明多个变量:var age,sex=10,name

    js中支持:数学运算符,逻辑运算符,比较运算符,赋值运算符,位运算符
    数学运算符:
    没有//整除;++(自加1)--(自减1) ;a=i++先赋值在加一,a=++i先加一在赋值。
    比较运算符:
    > < >= <= 都不看类型
    === 要看类型
    ==(相等):判断值是否相等5==‘5’
    ===(完全相等):判断值和类型是否相等5!==’5‘
    !==(不完全相等):
    逻辑运算符:&&(与) ||(或) !(非)
    位运算:& | ^ ~ >> <<
    符合运算:数字>比较>逻辑>赋值

    分支结构:if和switch
    if结构:

    if(条件语句){
    代码段
    }
    else if(条件语句){代码块}
    else{代码块}
    

    switch结构:

    switch(变量/表达式){
        case 值1:{代码段}
        case 值2:{代码段}
        default:{代码段} 
        //case后可不写{}
    }
    

    先得到变量和表达式的值,从上往下执行,直到遇到与case后的值相等,执行之后的所有代码段,直到遇到break;如果都没有相等的值,就执行default之后的所有代码块。
    注意:case后的值不可以一样。

    循环:
    for(变量 in 序列){}
    注意:取出来的是下标或者属性名(key)
    for(表达式1;条件语句;表达式3){}
    for(num=1,sum=2;num<10;num++){}
    for(;a<10;){}

    while(条件语句){循环体}
    do-while循环
    do{循环体} while() 该循环会执行一次代码块,再检查条件是否为真,然后如果条件为真的话,就会重复这个循环。

    函数分为声明和调用:声明不会执行函数体,只有调用才执行函数体。
    声明:驼峰式命名
    function 函数名(参数列表){
    ​ 函数体
    ​ return 返回值
    }
    函数的调用:函数名(实参列表) 如果参数没有设置默认值,相当于默认值为undefined
    只能通过位置参数传参;没有return返回值是undefined。
    以声明变量的形式声明函数:
    函数名=function(参数列表){函数体 return 返回值}

    转义字符:和python一样
    字符串长度:字符串.length
    获取单个字符:字符串[下标(正的)] 负的下标或者超出范围得到的是undefined。没有切片语法。
    相关运算符:

    • 如果是其他类型的数据,会先转换为字符串,[1,2,3]转换得到的是“1,2,3”
      *不支持,“ab"*2得到NaN,表示一个不存在的数字,数字类型中的一个特殊值。Infinity:无穷大;

    数组就是python中的列表,
    增删改查
    增加:数组.push(元素) 增加到最后
    删除:数组.pop(元素) 删除最后一个元素
    splice():很强大的数组方法,它有很多种用法,可以实现删除、插入和替换。
    删除:可以删除任意数量的项,只需指定 2 个参数:要删除的第一项的位置和要删除的项数。例如, splice(0,2)会删除数组中的前两项。
    插入:可以向指定位置插入任意数量的项,只需提供 3 个参数:起始位置、 0(要删除的项数)和要插入的项。例如,splice(2,0,4,6)会从当前数组的位置 2 开始插入4和6。
    替换:可以向指定位置插入任意数量的项,且同时删除任意数量的项,只需指定 3 个参数:起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。例如,splice (2,1,4,6)会删除当前数组位置 2 的项,然后再从位置 2 开始插入4和6。
    splice()方法始终都会返回一个数组,该数组中包含从原始数组中删除的项,如果没有删除任何项,则返回一个空数组。
    slice():返回从原数组中指定开始下标到结束下标之间的项组成的新数组。slice()方法可以接受一或两个参数,即要返回项的起始和结束位置。在只有一个参数的情况下, slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。如果有两个参数,该方法返回起始和结束位置之间的项——但不包括结束位置的项

    js中没有python中的类;只有对象和构造方法。

    p={
    name:"hk"
    eat:function(){}
    }
    //使用对象属性
    p.name
    p["name"]
    p.eat()
    

    构造方法:
    function 类名(参数列表){
    this.属性=属性值
    this.属性=属性值
    return this //必须写
    }

    相关文章

      网友评论

          本文标题:day5_js

          本文链接:https://www.haomeiwen.com/subject/zhicxqtx.html