美文网首页
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基础和WebAPIs的关联性

    学习ECMAscript标准规定的基本语法掌握JS基础语法只学习JS基础做不了网页交互效果学习JS基础语法是为了后...

  • 4/07day28_js基础

    day28_js基础 回顾 JS基础语法 JS运算符 JS流程控制语句 条件语句 JS的条件语句和Java语法基本...

  • -----Web APIs-----

    JS学习ECMAScript基础语法是为后面做铺垫,Web APIs才是JS的应用,大量使用JS基础语法做交互效果...

  • React-Native 随笔

    学习基础: js的基础知识, rect.js基础 JSX语法基础 FlexBox布局 安装 安装node.js下载...

  • web前端 -- Day23 js高级

    js基础 JavaScript简称:JS JS分三个部分: ECMAScript标准---基础的语法 DOM D...

  • 022 JS操作

    JS基础操作 一、分支结构 1、if语句 if 基础语法 if 复杂语法 if 嵌套 2、switch语句 二、循...

  • Dom

    JS的组成 ECMAScript js的基础语法 DOM 文档对象模型 BOM ...

  • DOM

    JS的组成 ECMAScript js的基础语法 DOM 文档对象模型 BOM ...

  • JS基础操作

    JS基础操作 [TOC] 一、分支结构 1、if语句 if 基础语法 >>>阅读全文

  • DOM

    DOM JS的组成 ECMAScript js的基础语法 DOM 文档对象模型 BOM ...

网友评论

      本文标题:js基础语法

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