zoukankan      html  css  js  c++  java
  • jsday01 基础语法,数据类型

    一,JavaScript文件三种引入方式
    1,内嵌 常在body后面写入, 用<script>标签包着
    2,外联 在body后面写 <script src="./js/index.js"></script>
    3,行内式  直接在div标签里面写属性等于属性值onclick="alert(123)"
    4,还可以在控制台直接书写js代码
    二,js内容
    1,ECMAScript - JavaScript的核心
    它描述了语言的基本语法和数据类型,是一套标准,定义了一种语言的标准与具体实现无关。
    2,BOM - 浏览器对象模型
    3,DOM - 文档对象模型
    三,注释
    //单行注释
    /* */ 多行注释
    四,代码书写规范及实例
    var声明变量
    var age
    变量名区分大小写
    变量的赋值
    age = 18;
    同时声明多个变量
    var age, name, sex;
    五,数据类型
    1,基本数据类型
    数字,字符串,布尔,对象,未定义
    Number、String、Boolean、Undefined、Null
    2,引用数据类型
    {}对象,/d+/正则,[]数组,(){}函数
    3,浮点数
    永远不要判断浮点数之间是否相等
    0.1+0.2!=0.3
    4,boolean
    0," ",null,undefined,NaN会转换为false 其他都是true
    null是引用类型(bug)
    5,运算符的优先级
    1. ()  优先级最高
    2. .点运算符
    2. 一元运算符  ++   --   !
    3. 算数运算符  先*  /  %   后 +   -
    4. 关系运算符  >   >=   <   <=
    5. 相等运算符   ==   !=    ===    !==
    6. 逻辑运算符 先&&   后||
    7. 赋值运算符 = ,+=, -=, *= ,/=, %=
    六,方法
    Number()
    Number()可以把任意值转换成数值,如果要转换的字符串中有一个不是数值的字符,返回NaN
    
     parseInt()
    // 返回12,如果第一个字符是数字会解析直到遇到第一个小数点结束
    var num1 = parseInt("12.3abc");  
    // 返回NaN,如果第一个字符不是数字或者符号就返回NaN
    var num2 = parseInt("abc123");
    
    parseFloat()
    parseFloat()把字符串转换成浮点数
    parseFloat()和parseInt非常相似,不同之处在与
        parseFloat会解析第一个. 遇到第二个.或者非数字结束
        如果解析的内容里只有整数,解析成整数
    
    typeof
    var age = 18;
    console.log(typeof age);// 'number'
    
    toString()
    var num = 5;
    console.log(num.toString());
    
    String()
    String()存在意义:有些值没有toString(),可以使用String()。比如undefined和null
    
    +,-,-0
    例varstr = '500';
    console.log(+str);      // 取正
    console.log(-str);      // 取负
    console.log(str - 0);
    NaN()
    ' ' null true/flase NaN会转换成false
    undefined   NaN会转换成true
    
    基本除了undefined之外都是false
  • 相关阅读:
    CSS中 link 和@import 的区别是?
    display:none 和 visibility: hidden的区别
    怎样清除浮动
    纯CSS水波纹按钮效果
    如何让一个div水平垂直居中
    如何让一个div水平居中
    Vue封装简单的axios库
    Echarts-x轴数据换行显示
    Vue+Webpack打包路径问题
    Vue中Mint-ui底部弹出(上拉)组件
  • 原文地址:https://www.cnblogs.com/adylz111/p/13433554.html
Copyright © 2011-2022 走看看