美文网首页
js基础语法

js基础语法

作者: 挽风style | 来源:发表于2019-02-11 20:07 被阅读0次

    基础语法

    1. 注释
    • 单行注释 - 在注释前加两个/
    • 多行注释 - /* */
    1. 标识符
    • 由数字、字母、下划线和组成,数字不能开头,命名一般不用,它有特殊功能

    3.关键字

    • for, in, while, if, else, true, false, var, function等,有特殊功能的标识符都是关键字

    4.数据类型和字面量

    • a.类型和字面量

      • Number(数字)/String(字符串)/Boolean(布尔)/Array(数组)/Object(对象)/function(函数)
      • Number - 支持科学计数法,NaN(不存在的数字)
      • String - 'abc',"abc"
      • Boolean - true和false两个值
      • 数组 - 相当于python中的列表;[23,-23.5,'abc',true]
      • 对象 - 相当于python中的字典加对象;{属性名:属性值,属性名2:属性值2...}
      • function - 相当于python中的函数
    • b.查看类型和类型转换

      • 查看类型: typrof(数据)
      • 类型转换: 类型名()\parseInt()\parseFloat()

    变量

    1. 基本语法
    • 格式1:变量名 = 值
    • 格式2:var 变量名 = 值

    运算符

    js支持:数学运算符、比较运算符、逻辑运算符、赋值运算符、位运算符

    1. 数学运算符:+,-,*,/,%,++,--(和python比少了整除和幂运算,多了++和--)
      • +,-,*,/,%和python一样
      • ++(自家1), --(自减1)
      • 变量++、++变量 - 让变量自己的值加1
      • 变量--,--变量 - 让变量自己的值减1
    num = 10
        num++   //相当于:num += 1
        ++num
        
        num--   //相当于:num -= 1
        console.log(num)
        
        num1 = 10
        //先赋值再加1
        num2 = num1++
        
        num11 = 10
        //先加1再赋值
        num22 = ++num11
        console.log(num2, num22)
    
    1. 比较运算符:>, <, >=, <=, ==, !=, ===, !==
      • 结果都是布尔
      • 比较大小和python一样
      • ==判断值是否相等,!=判断值是否不相等
      • ===判断值和类型是否相等,!==判断值和类型是否不相等(相当于python的==和!=)
    console.log(5==5)   //true
        console.log(5=='5') //true
        console.log(5===5)  //true
        console.log(5==='5')    //false
    
    1. 逻辑运算符:&&(逻辑与)、||(逻辑或)、!(逻辑非)

      • 运算规则和python一样
    2. 赋值运算符:=,+=,-=,/=,%=

      • 运算规则和python一样
    3. 位运算:&, |, ~, ^

      • 和python一样
    4. 符合运算和python一样

    5. 三目运算符

      • ?: - 条件语句?值1:值2 (条件语句成立结果是值1,否则是值2)
      age = 20
      console.log(age>=18?'成年':'未成年')
    

    循环

    js中的循环结构有两种:for循环、while循环

    1. for循环
    • 1)python中for循环: for-in
         for(变量 in 序列){
            循环体
         }
    

    注意;不管序列是什么类型,变量取得都是下标/属性名(key)

        for(index in 'abc'){
            console.log(index)
        }
    
    • 2)C的for循环
      • a.语法:
         for(表达式1;表达式2;表达式3){
            循环体
         }
    
    • b.执行过程相当于下面的while循环:
         表达式1
         while(表达式2){
            循环体
            表达式3
         }
    
        num = 1
        sum = 0
        while(num <= 100){
            sum += num
            num ++
        }
        console.log(sum)
        for(num=1,sum1=0;num <= 100;num ++){
            sum1 += num
        }
        console.log(sum1)
    
    1. while循环
    • 1)python的while循环
        while(条件语句){
            循环体
        }
    
    • 2)C的do-while
         do{
            循环体
         }while(条件语句)
    
    • 执行过程:会先执行一次循环体,然后才去判断条件语句是否为true

    函数

    python中的函数

    def 函数名(参数列表):
        函数体
    
    1. 语法
        function 函数名(参数列表){
            函数体
        }
    
    • a.不支持关键字参数
    • b.不支持不定长参数
    • c.不支持多个返回值
    function sum(x, y){
        console.log('函数体',x,y)
        return x+y
    }
            
    sum(10,20)
    sum(100,200)
    
    1. 声明函数的时候就是声明类型是function的变量
        console.log(sum)    
        a = sum
        a('a', 'b')
    
    1. 匿名函数
    function(参数列表){
        函数体
    }
    

    注意:如果函数体中没有return,函数的返回值是undefined

    func1 = function(a){
        console.log(a)
        return 100
    }
            
    func1('hello js')
    

    相关文章

      网友评论

          本文标题:js基础语法

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